js事件监听

关于事件监听,W3C规范中定义了3个事件阶段,依次是捕获阶段、目标阶段、冒泡阶段。

起初Netscape制定了JavaScript的一套事件驱动机制(即事件捕获)。随即IE也推出了自己的一套事件驱动机制(即事件冒泡)。最后W3C规范了两种事件机制,分为捕获阶段、目标阶段、冒泡阶段。IE8以前IE一直坚持自己的事件机制(前端人员一直头痛的兼容性问题),IE9以后IE也支持了W3C规范。

W3C规范中:

element.addEventListener(event,function,useCapture)

前两个参数不必赘述,最后一个可选参数useCapture表示指定的事件在捕获还是冒泡阶段执行——true,捕获阶段;false,冒泡阶段。默认为false。IE8以下不支持。

IE规范中:

element.attachEvent(event,function)

其中,event:(必需)事件类型。需加“on“,例如:onclick。而W3C规范event不加on。


事件监听细节用法:

var btn = document.getElementById("btn");

使用btn.onclick=function(){}绑定事件,若多次绑定不同事件,则只有最后一次绑定的事件生效。

然而,使用btn.addEventListener()绑定事件,可以绑定多个事件,先绑定的事件不会被后绑定的时间覆盖。

猜你喜欢

转载自blog.csdn.net/m0_37828249/article/details/79551651
今日推荐