最新的Web開發教程
 

HTML DOM removeEventListener() Method

<文檔對象

刪除"mousemove"已附著與該事件addEventListener()方法:

// Attach an event handler to the document
document.addEventListener("mousemove", myFunction);

// Remove the event handler from the document
document.removeEventListener("mousemove", myFunction);
試一試»

更多"Try it Yourself"下面的例子。


定義和用法

document. removeEventListener() document. removeEventListener()方法去除已附接有一個事件處理程序的文件。 addEventListener()方法。

注意:要刪除的事件處理程序,與所述規定的功能addEventListener()方法必須是一個外部的, "named"功能,如在上面的例子(myFunction)

匿名功能,如“的文件。 removeEventListener(" event ", function() {} myScript的 );” 不管用。

提示:使用元素 addEventListener()元件 removeEventListener()方法來添加/從指定元件移除事件處理程序至/。


瀏覽器支持

在表中的數字規定,完全支持方法的第一個瀏覽器版本。

方法
removeEventListener() 1.0 9 1.0 1.0 7

注: removeEventListener()在Internet Explorer 8和更早的版本,以及Opera 6.0及更早版本不支持的方法。 然而,對於這些特定的瀏覽器版本,您可以使用detachEvent()方法來刪除已附加與事件處理程序attachEvent()方法(請參閱"More Examples"下面的一個跨瀏覽器的解決方案)。


句法

document.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()方法。

本實施例說明跨瀏覽器的解決方案:

if (document.removeEventListener) {         // For all major browsers, except IE 8 and earlier
    document.removeEventListener("mousemove", myFunction);
} else if (document.detachEvent) {          // For IE 8 and earlier versions
    document.detachEvent("onmousemove", myFunction);
}
試一試»

相關頁面

JavaScript的教程: HTML DOM事件監聽

javascript參考: 元素 removeEventListener()


<文檔對象