event.target 和 event.currentTarget

willin 发布于2019-08-21 10:35 / 1409人阅读

摘要：先上图当点击对象与事件监听对象是同一个时，和得到的是同一个对象在红色区域的绑定点击事件的监听，点击红色区域，此时，指的是当前点击的对象，即红色的对象，而指得是点击事件绑定的对象，也是红色区域的当点击对象与事件监听对象不是同一个时，和得到的不

先上图：

1. 当点击对象与事件监听对象是同一个时，event.target 和 event.currentTarget 得到的是同一个对象

在红色区域的div绑定点击事件的监听，点击红色区域，此时，event.target 指的是当前点击的对象，即红色div的DOM对象，而event.currentTarget指得是点击事件绑定的对象，也是红色区域的div


    123
333

2. 当点击对象与事件监听对象不是同一个时，event.target 和 event.currentTarget 得到的不是同一个对象

在外层的div绑定点击事件的监听，点击红色区域，此时，event.target 指的是当前点击的对象，即红色div的DOM对象，而event.currentTarget指得是点击事件绑定的对象，即外层div

代码：


    123
333

云服务器 GPU云服务器智和网络智和网络 session和cookie的区别和联系万网和和校验

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/85830.html

jQuery源码解析之你并不真的懂事件委托及target和currenttarget的区别

摘要：源码源码行被点击了点击了，即委托的事件被点击了优先添加委托，再添加其他即委托在上的事件数量在下标为的位置插入委托事件解析可以看到，是优先添加委托事件，再添加自身事件，触发事件的时候也是按这个顺序。 showImg(https://segmentfault.com/img/remote/1460000019419722); 前言：请先回顾下我之前写的一篇文章：JavaScript之事件委...

khs1994 2019-08-23 18:01 评论0 收藏0
重探浏览器事件(浅析事件编程化)

前言在平常开发过程中,就算不使用现在主流的框架也至少得使用个Jquery,这些工具帮我们统一不同浏览器平台之间的差异和细节,可以将注意力集中到开发上来. 不过有意思的一点是,在看完高程的N年后我居然连event对象中的target和currentTarget属性的区别都忘记了. 先提几个引子: 你能说出event.currentTarget和event.target的区别吗? 如果可以那么ev...

lk20150415 2019-08-02 16:09 评论0 收藏0
重探浏览器事件(浅析事件编程化)

前言在平常开发过程中,就算不使用现在主流的框架也至少得使用个Jquery,这些工具帮我们统一不同浏览器平台之间的差异和细节,可以将注意力集中到开发上来. 不过有意思的一点是,在看完高程的N年后我居然连event对象中的target和currentTarget属性的区别都忘记了. 先提几个引子: 你能说出event.currentTarget和event.target的区别吗? 如果可以那么ev...

phodal 2019-08-26 13:39 评论0 收藏0
细说event.currentTarget & event.target的不同使用

摘要：有的时候注册事件的监听者并不是事件的触发者，实际事件的触发者是，事件目标是一个由可以接收事件的对象实现的接口，并且可以为它们创建侦听器。中删除事件侦听器。将事件分派到此。事件本身包含所有事件通用的属性和方法。 dom event简介 Event接口表示在DOM中发生的任何事件; 一些是用户生成的（例如鼠标或键盘事件），而其他由API生成(例如指示动画已经完成运行的事件，视频已被暂停等等...

codercao 2019-08-21 16:44 评论0 收藏0