HTML DOM removeEventListener() 方法
HTML DOM 的 document.removeEventListener() 方法用于移除由 document.addEventListener() 方法添加的事件句柄
如果要移除事件句柄,addEventListener() 的执行函数必须使用外部函数
使用匿名函数,类似 document.removeEventListener("event",
function(){ myScript });
是无法移除的
可以使用 element.addEventListener() 和 element.removeEventListener() 方法来添加或移除指定元素的事件句柄
浏览器支持
Yes | 9.0+ | Yes | Yes | Yes |
对于不支持该函数的浏览器,可以使用 detachEvent() 方法来移除由 attachEvent() 方法添加的事件句柄
语法
document.removeEventListener(event, function , useCapture )
参数值
参数 | 描述 |
---|---|
event | 必须。要移除的事件名称 不要使用 "on" 前缀,如使用 "click" ,而不是使用 "onclick" 所有 HTML DOM 事件,可以访问 HTML DOM Event 对象参考手册 |
function | 必须。指定要移除的函数 |
useCapture | 可选。布尔值,指定移除事件句柄的阶段 可能值: true - 事件句柄在捕获阶段移除 false- 默认。事件句柄在冒泡阶段移除 如果添加两次事件句柄,一次在捕获阶段,一次在冒泡阶段,必须单独移除该事件 |
范例
移除由 addEventListener() 方法添加的 "mousemove" 事件
// 在文档中添加事件句柄 document.addEventListener("mousemove", myFunction); // 移除文档中的事件句柄 document.removeEventListener("mousemove", myFunction);
范例
如果浏览器不支持 removeEventListener() 方法,可以使用 detachEvent() 方法实现
if (document.removeEventListener) { // 所有浏览器,除了 IE 8 及更早IE版本 document.removeEventListener("mousemove", myFunction); } else if (document.detachEvent) { // IE 8 及更早IE版本 document.detachEvent("onmousemove", myFunction); }
相关文章
JavaScript 教程: HTML DOM EventListener
JavaScript 参考手册: element .removeEventListener()