温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

javascript事件捕获是什么

发布时间:2021-06-17 15:09:03 来源:亿速云 阅读:242 作者:chen 栏目:编程语言

本篇内容主要讲解“javascript事件捕获是什么”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“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事件捕获是什么”有了更深的了解,不妨来实际操作一番吧!这里是亿速云网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI