首頁 > web前端 > js教程 > javascript中註冊和移除事件的4種方式_javascript技巧

javascript中註冊和移除事件的4種方式_javascript技巧

WBOY
發布: 2016-05-16 17:40:11
原創
1193 人瀏覽過

對於html中的一些元素註冊事件的方式有多種
第一種:

複製程式碼 程式碼如下:

<script> <BR>function test() <BR>{ <BR>alert("OK"); <BR>} <BR></script>
測試

第二種:
複製程式碼 程式碼如下:

檢定
<script> <BR>function test() <BR>{ <BR>alert("OK"); <BR>} <BR>var x=document.getElementById("a"); <BR>x.onclick=test;//注意沒有() <BR>< /script> <BR></script>

第三種(W3C模型):
複製程式碼


程式碼如下:


測試
<script> <BR>function test() <BR>{ <BR>alert("OK "); <BR>} </script>
var x=document.getElementById("a");
x.addEventListener("click",test,false);



其中addEventListener()三個參數中,第一個表示什麼事件類型,注意沒有on,第二個指定方法,第三個是標示是事件冒泡(true)還是事件捕獲(false),涉及到從下到上或從上到下的事件發生順序。
移除事件的方法時removeEventListener(),其中參數和addEventListener()一樣。
這種模式在IE瀏覽器中會報錯,在chrome中正常執行。 第四種(微軟模型):
複製程式碼


程式碼如下:



程式碼如下:



程式碼如下:


測試 <script> <🎜>function test() <🎜>{ <🎜>alert("OK"); <🎜> } <🎜>var x=document.getElementById("a"); <🎜>x.attachEvent("onclick",test); <🎜></script> 其中attachEvent()兩個參數中,第一個表示什麼事件類型,注意帶on,第二個指定方法。 移除事件的方法是detachEvent(),其中參數和attachEvent()一樣。
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板