對於html中的一些元素註冊事件的方式有多種
第一種:
1. <script>
2. function test()
3. {
4. alert("OK");
5. }
6. </script>
7. <a href="#" onclick="test()">測試</a>
第二種:
1. <a href="#" id="a">測試</a>
2. <script>
3. function test()
4. {
5. alert("OK");
6. }
7.
8. var x=document.getElementById("a");
9. x.onclick=test;//注意沒有()
10. </script>
第三種(W3C模型):
1. <a href="#" id="a">測試</a>
2. <script>
3. function test()
4. {
5. alert("OK");
6. }
7.
8. var x=document.getElementById("a");
9. x.addEventListener("click",test,false);
10. </script>
其中addEventListener()三個參數中,第一個表示什麼事件類型,注意沒有on,第二個指定方法,第三個是標示是事件冒泡(true)還是事件捕獲(false),涉及到從下到上還是從上到下的事件發生順序。
移除事件的方法時removeEventListener(),其中參數和addEventListener()一樣。
這種模式在IE瀏覽器中會報錯,在chrome中正常執行。
第四種(微軟模型):
1. <a href="#" id="a">測試</a>
2. <script>
3. function test()
4. {
5. alert("OK");
6. }
7.
8. var x=document.getElementById("a");
9. x.attachEvent("onclick",test);
10. </script>
其中attachEvent()兩個參數中,第一個表示什麼事件類型,注意帶on,第二個指定方法。
移除事件的方法是detachEvent(),其中參數和attachEvent()一樣。