例
刪除"mousemove"已附著與該事件addEventListener()方法:
// Attach an event handler to <div>
document.getElementById("myDIV").addEventListener("mousemove",
myFunction);
// Remove the event handler from <div>
document.getElementById("myDIV").removeEventListener("mousemove", myFunction);
試一試» 定義和用法
的removeEventListener()方法去除已附接有一個事件處理程序addEventListener()方法。
注意:要刪除的事件處理程序,與所述規定的功能addEventListener()方法必須是外部的功能,如在上面的例子(myFunction) 。
匿名功能,如“ 元素 。 removeEventListener(" event ", function() {} myScript的 );” 不管用。
瀏覽器支持
在表中的數字規定,完全支持方法的第一個瀏覽器版本。
方法 | |||||
---|---|---|---|---|---|
removeEventListener() | 1.0 | 9 | 1.0 | 1.0 | 7 |
句法
element .removeEventListener( event , function ,
useCapture )
參數值
參數 | 描述 |
---|---|
event | 需要。 指定活動,刪除的名稱的字符串。 注意:不要使用"on"前綴。 例如,使用"click" ,而不是"onclick" 。 提示:對於所有的HTML DOM事件的列表,看看我們的完整的HTML DOM事件對象參考 。 |
function | 需要。 指定要刪除的功能。 |
useCapture | 可選的。 指定事件相一個布爾值,以除去從事件處理程序。 可能的值:
|
技術細節
DOM版本: | DOM 2級事件 |
---|---|
返回值: | 無返回值 |
更新日誌: | 在將useCapture參數在Firefox 6和Opera 12.0成為可選的(has always been optional for Chrome, IE and Safari) |
更多示例
例
對於不支持的瀏覽器removeEventListener()方法,你可以使用detachEvent()方法。
本實施例說明跨瀏覽器的解決方案:
var x = document.getElementById("myDIV");
if (x.removeEventListener) { // For all major browsers, except IE 8 and earlier
x.removeEventListener("mousemove", myFunction);
} else if (x.detachEvent) { // For IE 8 and earlier versions
x.detachEvent("onmousemove", myFunction);
}
試一試» 相關頁面
JavaScript的教程: HTML DOM事件監聽
javascript參考: 文件。 removeEventListener()