我不确定您的意思是删除所有事件。删除特定类型事件的所有处理程序还是一种类型的所有事件处理程序？

删除所有事件处理程序

如果您想删除所有事件处理程序（任何类型的），您可以克隆该元素并将其替换为它的克隆：

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
   
    const addListener = (node, event, handler, capture = false) => {
      if (!(event in _eventHandlers)) {
        _eventHandlers[event] = []
      }
      // here we track the events and their nodes (note that we cannot
      // use node as Object keys, as they'd get coerced into a string
      _eventHandlers[event].push({ node: node, handler: handler, capture: capture })
      node.addEventListener(event, handler, capture)
    }
   
    const removeAllListeners = (targetNode, event) => {
      // remove listeners from the matching nodes
      _eventHandlers[event]
        .filter(({ node }) => node === targetNode)
        .forEach(({ node, handler, capture }) => node.removeEventListener(event, handler, capture))
   
      // update _eventHandlers global
      _eventHandlers[event] = _eventHandlers[event].filter(
        ({ node }) => node !== targetNode,
      )
    }
   

然后你可以使用它：

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

演示

注意：如果您的代码运行了很长时间并且您正在创建和删除大量元素，则必须确保在_eventHandlers销毁它们时删除其中包含的元素。

这将从子级中删除所有侦听器，但对于大页面来说会很慢。写起来非常简单。

element.outerHTML = element.outerHTML;

使用事件监听器自己的函数remove()。例如：

getEventListeners().click.forEach((e)=>{e.remove()})

正如 corwin.amber 所说，Webkit 与其他 Webkit 之间存在差异。

在 Chrome 中：

getEventListeners(document);

这为您提供了一个包含所有现有事件侦听器的对象：

Object 
 click: Array[1]
 closePopups: Array[1]
 keyup: Array[1]
 mouseout: Array[1]
 mouseover: Array[1]
 ...

从这里您可以访问要删除的侦听器：

getEventListeners(document).copy[0].remove();

所以所有的事件监听器：

for(var eventType in getEventListeners(document)) {
   getEventListeners(document)[eventType].forEach(
      function(o) { o.remove(); }
   ) 
}

在火狐浏览器中

有点不同，因为它使用不包含删除函数的侦听器包装器。您必须获得要删除的侦听器：

document.removeEventListener("copy", getEventListeners(document).copy[0].listener)

所有事件侦听器：

for(var eventType in getEventListeners(document)) {
  getEventListeners(document)[eventType].forEach(
    function(o) { document.removeEventListener(eventType, o.listener) }
  ) 
}

我偶然发现了这篇试图禁用新闻网站令人讨厌的复制保护的帖子。

享受！

您可以添加一个钩子函数来拦截对 的所有调用addEventHandler。该钩子会将处理程序推送到可用于清理的列表。例如，

if (EventTarget.prototype.original_addEventListener == null) {
    EventTarget.prototype.original_addEventListener = EventTarget.prototype.addEventListener;

    function addEventListener_hook(typ, fn, opt) {
        console.log('--- add event listener',this.nodeName,typ);
        this.all_handlers = this.all_handlers || [];
        this.all_handlers.push({typ,fn,opt});
        this.original_addEventListener(typ, fn, opt);  
    }

    EventTarget.prototype.addEventListener = addEventListener_hook;
}

您应该在靠近主网页顶部的位置插入此代码（例如index.html）。在清理期间，您可以通过 all_handlers 循环，并为每个调用 removeEventHandler。不要担心使用相同的函数多次调用 removeEventHandler。它是无害的。

例如，

function cleanup(elem) {
    for (let t in elem) if (t.startsWith('on') && elem[t] != null) {
        elem[t] = null;
        console.log('cleanup removed listener from '+elem.nodeName,t);
    } 
    for (let t of elem.all_handlers || []) {
        elem.removeEventListener(t.typ, t.fn, t.opt);
        console.log('cleanup removed listener from '+elem.nodeName,t.typ);
    } 
}

注意：对于 IE，使用 Element 而不是 EventTarget，并将 => 更改为 function，以及其他各种内容。