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

對於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()一樣。