zoukankan      html  css  js  c++  java
  • target,currentTarget,delegateTarget,srcElement

    1. 第一种情况:就是IE9+和其他现代浏览器,支持addEventListener方法。其结果是:

      • this总是等于currentTarget
      • currentTarget总是事件监听者
      • target总是事件发起者
    2. 第二种情况:就是IE678,使用attachEvent方法注册事件。其结果是:

      • this总是等于window
      • target和currentTarget总是undefined,也就是未定义
      • IE专有的srcElement,含义和上面的target一致。总是等于事件发起者
    3. 第三种情况:使用jquery来绑定事件,这里是直接绑定在某个元素上面:

      • this总是等于currentTarget
      • currentTarget总是事件监听者
      • target总是事件发起者
      • 还有一个delegateTarget,这里总是等于currentTarget
    4. 第四种情况:使用jquery来绑定事件,不过这里使用委托:

      $(".con1").on("click", ".btn1", sayClassName);
      
      • this总是等于currentTarget
      • currentTarget总是事件监听者,这里就是.btn1元素
      • target总是事件发起者,这里也是.btn1元素
      • 还有一个delegateTarget,这里就是委托事件的元素,也就是.con1元素

      如果是下面的代码:

      $(".con1").on("click", ".con2", sayClassName);  
      

      那么delegateTarget还是.con1元素;currentTarget则是.con2元素;target则是.btn1元素;其中.btn1元素是.con2元素的子元素,.con2元素是.con1元素的子元素;

      如果是下面的代码:

      $(".btn1").on("click", ".btn1", sayClassName);
      

      那么在jquery中是无效的,也就是不能在自己身上委托事件。

    总结

    总结就是我们只需要关注currentTarget就OK了!

  • 相关阅读:
    Android布局1
    QML 自定义折线图
    QML ChartView 画折线图
    操作系统复习笔记
    Redis的使用
    Git的基本使用
    Python json to excel/csv
    .NET中进行Base64加密解密
    用 IIS 7、ARR 與 Velocity 建设高性能的大型网站
    微信突然出现redirect_uri 参数错误
  • 原文地址:https://www.cnblogs.com/3tree/p/4603895.html
Copyright © 2011-2022 走看看