Javascript / DOM: Как удалить все события объекта DOM?

я не уверен, что вы имеете в виду с удалить все событий. Удалить все обработчики для определенного типа события или все обработчики событий для одного типа?

удалить все обработчики событий

если вы хотите удалить все обработчики событий (любого типа), вы могли бы клон элемент и заменить его своим клоном:

var clone = element.cloneNode(true);

Примечание: это позволит сохранить атрибуты и детей, но он не сохранит никаких изменений в свойствах DOM.

---

удалить" анонимные " обработчики событий определенного типа

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

вызов addEventListener для анонимной функции создает новый слушатель каждый раз. Звоню removeEventListener к анонимной функции не имеет никакого эффекта. Анонимный функция создает уникальный объект каждый раз, когда вызывается, это не Ссылка на существующий объект, хотя он может вызвать один. При добавлении прослушивателя событий таким образом убедитесь, что он добавлен только один раз, он является постоянным (не может быть удален) до тех пор, пока объект, к которому он был добавлен, не будет уничтожен.

вы по существу передаете анонимную функцию в addEventListener как eventReturner возвращает функция.

вы должны возможности для решения это:

1. не используйте функцию, которая возвращает функцию. Используйте функцию напрямую:

   function handler() {
       dosomething();
   }
   
   div.addEventListener('click',handler,false);
   

2. создать обертку для addEventListener который хранит ссылку на возвращенную функцию и создает некоторые странные removeAllEvents функция:

   var _eventHandlers = {}; // somewhere global
   
   function addListener(node, event, handler, capture) {
       if(!(node in _eventHandlers)) {
           // _eventHandlers stores references to nodes
           _eventHandlers[node] = {};
       }
       if(!(event in _eventHandlers[node])) {
           // each entry contains another entry for each event type
           _eventHandlers[node][event] = [];
       }
       // capture reference
       _eventHandlers[node][event].push([handler, capture]);
       node.addEventListener(event, handler, capture);
    }
   
   function removeAllListeners(node, event) {
       if(node in _eventHandlers) {
           var handlers = _eventHandlers[node];
           if(event in handlers) {
               var eventHandlers = handlers[event];
               for(var i = eventHandlers.length; i--;) {
                   var handler = eventHandlers[i];
                   node.removeEventListener(event, handler[0], handler[1]);
               }
           }
       }
   }
   

   и тогда вы могли бы использовать его с:

   addListener(div, 'click', eventReturner(), false)
   // and later
   removeListeners(div, 'click')
   

демо

Примечание: если ваш код выполняется в течение длительного времени, и вы создаете и удаляете много элементов, вам нужно будет обязательно удалить элементы, содержащиеся в _eventHandlers когда вы уничтожите их.