Rumah  >  Artikel  >  hujung hadapan web  >  javascript中注册和移除事件的4种方式_javascript技巧

javascript中注册和移除事件的4种方式_javascript技巧

WBOY
WBOYasal
2016-05-16 17:40:111169semak imbas

对于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>

第三种(W3C模型):
复制代码 代码如下:

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

其中addEventListener()三个参数中,第一个表示什么事件类型,注意没有on,第二个指定方法,第三个是标示是事件冒泡(true)还是事件捕获(false),涉及到从下到上还是从上到下的事件发生顺序。
移除事件的方法时removeEventListener(),其中参数和addEventListener()一样。
这种模式在IE浏览器中会报错,在chrome中正常执行。

第四种(微软模型):
复制代码 代码如下:

测试
<script> <BR>function test() <BR>{ <BR>alert("OK"); <BR>} <BR>var x=document.getElementById("a"); <BR>x.attachEvent("onclick",test); <BR></script>

其中attachEvent()两个参数中,第一个表示什么事件类型,注意带on,第二个指定方法。
移除事件的方法是detachEvent(),其中参数和attachEvent()一样。
Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn