detachEvent的用法

detachEvent方法可以在網頁內刪除一個已註冊好的事件.比如你爲某個按扭或某個元素添加了一個事件.但是有些時候你需要動態的刪除這些事件.那麼detachEvent提供了刪除事件的這個功能.經過我測試detachEvent必須和attachEvent配對使用.也就是說必須使用attachEvent添加的事件,纔可以被detachEvent方法刪除.
detachEvent並非W3C標準,不支持基於Dom標準的瀏覽器.經過我的測試至少在IE和Opear和谷歌瀏覽器內有效.與其功能相同的W3C標準語法是RemoveEventListener方法.該方法支持FF瀏覽器.
 

 

語法:
elem.detachEvent(event_type,event_name)
 
 
參數

elem:要在該元素上清除事件.
event_type:事件類型.是鍵盤事件?或是鼠標事件?
event_name:事件名稱.函數的名稱

 

detachEvent實例

 
<html>
<head>
<title>Dom:detachEvent實例演示</title>
</head>
<body>
<h2>首先爲"點我"按扭動態註冊一個彈窗事件.在不刪除之前這個事件是存在的.在刪除之後點我失去了任何效果.注意該實例不支持FF瀏覽器</h2>
<hr/>
<input id="a" type="button" value="點我" />
<input id="b" type="button" value="刪除點我的事件" onclick="delete_event()" />
<script language="javascript">
function ok(){
alert("您好,歡迎光臨web圈!");
}
function add_event(){
var a = document.getElementById("a")
a.attachEvent("onclick",ok); 
}
function delete_event(){
var a=document.getElementById("a");
a.detachEvent("onclick",ok);
}
add_event();//運行添加事件函數
</script>
</body>
</html>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章