事件传递有两种方式介绍
导读: 事件冒泡或事件捕获? 事件传递有两种方式:冒泡与捕获。 事件传递定义了元素事件触发的顺序。如果你将<p>元素插入到<div>元素中,用户点击<p&...
事件冒泡或事件捕获?
事件传递有两种方式:冒泡与捕获。
事件传递定义了元素事件触发的顺序。如果你将&
lt;
p&
gt;
元素插入到&
lt;
div&
gt;
元素中,用户点击&
lt;
p&
gt;
元素,哪个元素的"click"事件先被触发呢?
在冒泡中,内部元素的事件会先被触发,然后再触发外部元素,即:&
lt;
p&
gt;
元素的点击事件先触发,然后会触发&
lt;
div&
gt;
元素的点击事件。
在捕获中,外部元素的事件会先被触发,然后才会触发内部元素的事件,即:&
lt;
div&
gt;
元素的点击事件先触发,然后再触发&
lt;
p&
gt;
元素的点击事件。
addEventListener()方法可以指定"useCapture"参数来设置传递类型:
addEventListener(event,function,useCapture);
默认值为false,即冒泡传递,当值为true时,事件使用捕获传递。
实例
document.getElementById("myDiv").addEventListener("click",myFunction,true);
removeEventListener()方法
removeEventListener()方法移除由addEventListener()方法添加的事件句柄:
实例
element.removeEventListener("mousemove",myFunction);
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: 事件传递有两种方式介绍
本文地址: https://pptw.com/jishu/655721.html
