Удалить все прослушиватели событий JavaScript элемента и его детей?

Question

Можно ли удалить всех прослушивателей событий элемента и его детей? Что-то вроде:

myElem.removeEventListeners(); 

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

Answer 1

Если вы используете cloneNode, прослушиватели не будут скопированы..

Если вам нужно надежное решение, лучше всего написать обертку для слушателей attach/detach и следить за ними самостоятельно. Что-то вроде Dean Edwards' addEvent.

Answer 2

Я не знаю одного, и поиск в Google не принес каких-либо очевидных результатов. Один простой, запутано решение создать функцию, что циклы через каждое событие и устанавливает его в null, такие как

function removeEvents(obj) 
{ 
    obj.onblur = null; 
    obj.onchange = null; 
    obj.onclick = null; 
    // ... 
} 

вызвать эту функцию следующим образом: removeEvents(myElem). Полный список обработчиков событий JavaScript можно найти по адресу http://www.elated.com/articles/events-and-event-handlers/.

Несомненно, есть более элегантный способ написать эту функцию, но я не знаю, есть ли более элегантный способ решить эту проблему. Было бы прекрасно, если бы кто-то знал об этом. Если вы привязываете события через библиотеку JavaScript, например jQuery, могут быть другие, лучшие варианты.