Javascript中注册和移除事件的方式
2012-11-27 08:36
183 查看
对于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()一样。
第一种:
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()一样。
相关文章推荐
- javascript中注册和移除事件的4种方式
- javascript中注册和移除事件的4种方式
- javascript 注册和移除事件的方式
- javascript中注册和移除事件的4种方式
- javascript中注册和移除事件的方式
- Javascript注册事件的方式
- javascript注册事件的四种方式
- 关于JavaScript事件绑定的方式
- JavaScript之事件的绑定与移除
- javascript与jquery绑定事件方式
- javascript注册window的onload事件问题研究
- JavaScript权威指南_162_第17章_事件处理_17.2-注册事件处理程序-设置JavaScript对象属性为事件处理程序
- JavaScript 注册事件
- JavaScript移除绑定在元素上的匿名事件处理函数
- JavaScript中利用jQuery绑定事件的几种方式小结
- JavaScript中的5种事件使用方式解说
- 关于JavaScript 三种绑定事件方式之间的区别以及对应的解绑(整理)
- 浅谈Javascript事件处理程序的几种方式
- window对象常用的方法、注册事件的方式、常用的事件、地址栏对象、Screen(屏幕)对象
- 浅谈Javascript事件处理程序的几种方式