• 技术文章 >Web开发 >JavaScript

    javascript事件捕获是什么意思

    小妮浅浅小妮浅浅2021-08-20 09:21:49原创3154

    说明

    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事件捕获
    品易云
    上一篇:javascript事件冒泡是什么 下一篇:javascript中memoize函数的使用

    相关文章推荐

    • javascript引用类型的特性• javascript基本类型如何赋值• javascript引用类型的赋值• javascript创建对象的方法• JavaScript有哪些继承的方法• JavaScript如何减少重绘和回流• JavaScript原型链是什么• JavaScript中new函数的原理• javascript中call函数的原理• javascript中bind函数如何使用• javascript函数节流是什么• javascript函数节流实现的两种方式• javascript函数去抖如何理解• javascript事件冒泡是什么

    全部评论我要评论

    © 2021 Python学习网 苏ICP备2021003149号-1

  • 取消发布评论
  • 

    Python学习网