zoukankan      html  css  js  c++  java
  • terget和currentTarget


    1. target:触发事件的某个具体对象,只会出现在事件流的目标阶段(谁触发谁命中,所以肯定是目标阶段)
    2. currentTarget:绑定事件的对象,恒等于this,可能出现在事件流的任意一个阶段中
    3. 通常情况下terget和currentTarget是一致的,我们只要使用terget即可,但有一种情况必须区分这三者的关系,那就是在父子嵌套的关系中,父元素绑定了事件,单击了子元素(根据事件流,在不阻止事件流的前提下他会传递至父元素,导致父元素的事件处理函数执行),这时候currentTarget指向的是父元素,因为他是绑定事件的对象,而target指向了子元素,因为他是触发事件的那个具体对象,如下代码和截图所示:

    <div id="one">
       <div id="three"></div>
    </div>
    
    one.addEventListener('click',function(e){
        console.log(e.target);  //three
        console.log(e.currentTarget);  //one
    },false);
  • 相关阅读:
    LayUI上传图片
    快递查询
    安装 Python
    HTML5 WebSocket
    反射实例
    反射
    工厂模式之工厂方法案例
    工厂模式之简单工厂案例
    第三方登录
    封装条形码MaHelper
  • 原文地址:https://www.cnblogs.com/zzzzzzzsy/p/8799699.html
Copyright © 2011-2022 走看看