HTML DOM中的removeEventListener()方法详解

HTML DOM中的removeEventListener()方法

removeEventListener() 方法用于删除已添加的事件监听器。

element.removeEventListener(event, function, useCapture);

参数：

• event：必需。字符串，指定事件名。
• function：必需。要删除的函数名。
• useCapture：可选。布尔值，指定该事件是否在捕获或冒泡阶段执行。

使用方法：

// 创建事件监听器
document.getElementById("myDiv").addEventListener("click", myFunction);

// 删除事件监听器
document.getElementById("myDiv").removeEventListener("click", myFunction);

removeEventListener() 方法的第一个参数必须与 addEventListener() 方法的第一个参数完全相同，才能删除成功。 removeEventListener() 方法不会删除由其他 JavaScript 代码添加的事件监听器。 removeEventListener() 方法可以删除由 addEventListener() 方法添加的事件监听器，也可以删除由 HTML 的 onxxx 属性添加的事件监听器。 removeEventListener() 方法不会删除由 attachEvent() 方法添加的事件监听器。

removeEventListener() 方法可以删除由 addEventListener() 方法添加的事件监听器，用于取消事件的触发，从而提高网页性能。