Javascript中注册和移除事件的方式

对于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()一样。