Heim > Web-Frontend > js-Tutorial > Hauptteil

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

WBOY
Freigeben: 2016-05-16 17:40:11
Original
1180 Leute haben es durchsucht

对于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()一样。
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage