您现在的位置是：课程教程文章

javascript事件捕获是什么意思

2023-12-14 20:33课程教程文章人已围观

课程介绍: 1、 javascript事件捕获是什么意思课程推荐; 2、 javascript事件捕获是什么意思课程专题

说明

1、事件捕获是不太具体的DOM节点应该更早接收到事件，而最具体的节点应该最后接收到事。

2、事件捕获的用意在于事件到达预定目标之前捕获它。

在捕获中，外部元素的事件会先被触发，然后才会触发内部元素的事件，即： <div>元素的点击事件先触发，然后再触发<p>元素的点击事件。

实例

varparent=document.getElementById("parent");
varchild=document.getElementById("child");

document.body.addEventListener("click",function(e){
console.log("click-body");
},false);

parent.addEventListener("click",function(e){
console.log("click-parent---事件传播");
},false);
　　　　
　　　　//新增事件捕获事件代码
parent.addEventListener("click",function(e){
console.log("click-parent--事件捕获");
},true);

child.addEventListener("click",function(e){
console.log("click-child");
},false);

以上就是javascript事件捕获的意思，希望对大家有所帮助。更多Javascript学习指路：Javascript

推荐操作环境：windows7系统、jquery3.2.1版本，DELL G3电脑。

课程教程：javascript事件捕获是什么意思