Обработка кликов за пределами элемента без JQuery

Question

Я хотел бы реализовать решение, как этот

How do I detect a click outside an element?

но я использую другую библиотеку JavaScript с $() функция уже определена

Есть предложения?

Answer 1

Это легко сделать. Было бы стыдно загружать библиотеку jQuery только для одной функции.

Если в другой библиотеке, которую вы используете, используется привязка событий, вы можете сделать то же самое в этой библиотеке. Так как вы не указали, что это другая библиотека, вот родное решение:

Пример:http://jsfiddle.net/patrick_dw/wWkJR/1/

window.onload = function() { 

    // For clicks inside the element 
    document.getElementById('myElement').onclick = function(e) { 
      // Make sure the event doesn't bubble from your element 
     if (e) { e.stopPropagation(); } 
     else { window.event.cancelBubble = true; } 
      // Place the code for this element here 
     alert('this was a click inside'); 
    }; 

    // For clicks elsewhere on the page 
    document.onclick = function() { 
     alert('this was a click outside'); 
    }; 
}; 

Answer 2

Если $ конфликт ваш только держать вверх, есть способы вокруг этого: http://docs.jquery.com/Using_jQuery_with_Other_Libraries

Answer 3

Я также добавить сюда код, который останавливает событие бурлит. Найдено по quircksmode.org

function doSomething(e) { 
    if (!e) var e = window.event 
    // handle event 
    e.cancelBubble = true; 
    if (e.stopPropagation) e.stopPropagation(); 
}