javascript事件捕获是什么意思

美女程序员鼓励师

说明

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

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

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

实例

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

var child = 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事件捕获是什么意思 的全部内容, 来源链接: utcz.com/z/545123.html

回到顶部