event.target与event.currentTarget的区别

最新推荐文章于 2022-11-15 16:53:56 发布
最新推荐文章于 2022-11-15 16:53:56 发布
阅读量931 收藏 1
点赞数
分类专栏： 前端开发 文章标签： javascript
《算法与编程之美》技术专栏荣获2020年腾讯云+社区“人气作者”优秀专栏，2021年荣获“优快云博客专家”称号，全网累计阅读量突破100万人次。
本文链接：https://blog.youkuaiyun.com/gschen_cn/article/details/124442639
版权
本文探讨了JavaScript中event.target和event.currentTarget的区别。event.target表示触发事件的元素，而event.currentTarget则指当前处理事件的元素，即使事件由子元素触发。通过两个示例代码，解释了两者在实际应用中的不同，帮助读者理解这两个事件属性的含义。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

event.target事件和event.currentTarget事件，经常被人们混淆。因为它们两个有时候的返回值是完全一样的，因此很具有迷惑性。然而如果真的是一样的，那当初官方就不会做这样没有意义的事了。下面我就结合我所学的知识来给大家讲一下，这两者的区别。

Event.target：返回触发事件的元素；

Event.currentTarget：返回绑定事件的元素。

我写了两个简单的demo，结合这两个demo，大家马上就可以理解它们二者的区别在哪里。

<body>

              <div  id="<
了解本专栏 订阅专栏 解锁全文 超级会员免费看
vue事件中传入$event，使用event.target和event.currentTarget有什么区别？
seimeii的博客
09-05 1764
event.target指向事件发生时的元素 event.currentTarget指向事件绑定的元素 小程序开发 event对象中 target和currentTarget 属性的区别。 ```css 首先本质区别是： event.target返回触发事件的元素 event.currentTarget返回绑定事件的元素 p包含在div内 在outer上点击时，target跟currentTarget是一样的，都是div，而在inner上点击时，e.target是p、e.currentTarget是di
微信小程序事件对象中e.target和e.currentTarget的区别详解
11-28
事件对象（Event Object）是小程序中用于传递事件信息的关键，其中的`e.target`和`e.currentTarget`属性尤其重要，它们可以帮助开发者精确地理解事件触发的位置和行为。下面我们将深入探讨这两个属性的区别。 1. `e...
Javascript中, event 的 target 与 currentTarget 的区别
04-10
NULL 博文链接：https://rainbow702.iteye.com/blog/1668953
event对象中 target和currentTarget 属性的区别。
weixin_30791095的博客
12-13 304
首先本质区别是： event.target返回触发事件的元素 event.currentTarget返回绑定事件的元素
Event.target与event.currentTarget的区别
debugtoday的博客
11-15 391
Event.target与event.currentTarget的区别
event.target与event.currentTarget的差异
WWEIZAI的博客
08-20 1362
event.target与event.currentTarget的差异
event.currentTarget与event.target的区别介绍
12-12
event.currentTarget identifies the current target for the event, as the event traverses the DOM. It always refers to the element the event handler has been attached to as opposed to event.target which...
event.target 和 event.currentTarget 的区别
weixin_30819085的博客
07-31 381
event.target This property of event objects is the object the event was dispatched on. It is different than event.currentTarget when the event handler is called in bubbling or capturing phase of th...
Event.target与event.currentTarget
【有梦想的菜】的博客
05-31 1843
Event.target：指的是真正触发事件的元素节点 Event.currentTarget：指的是绑定了事件监听的元素
event.target与event.currentTarget之间的差异
WWEIZAI的博客
08-18 457
event.target与event.currentTarget之间的差异
Event中target与currentTarget的区别
wkyb608的专栏
11-29 853
     target是目标事件，就是监听的对象，例如，如果用户单击“确定”按钮，则目标节点就是包含该按钮的显示列表节点，又如如果用户点击了Button，target就是Button本;      currentTarget是当前正在使用某个事件侦听器处理Event对象的对象，例如，如果用户单击“确定”按钮，则当前目标可以是包含该按钮的节点，也可以是它的已为该事件注册了事件侦听器的始祖之一，又如如果一个用户点击OK按钮，currentTarget可能是Button或者Button的容器(前提是该Butto
event.target和event.currentTarget
qq_43654065的博客
09-24 178
target：返回事件触发的元素 currentTarget：返回事件绑定的元素 两者在没有冒泡的情况下，是一样的值。 参考：event.target 和 event.currentTarget 的区别 - FEDeveloper - 博客园event.target This property of event objects is the object the event was dispatched on. It is differehttps://www.cnblogs.com/yzhihao/
event.target和event.CurrentTarget的区别专业解释
kouryoushine的博客
08-22 2435
区别 Use event.currentTarget instead of event.target because of event bubbling/capturing: event.currentTarget- is the element that has the event listener attached to. event.target- is the element that ...
event.currentTarget和Event.target的区别
weixin_45849112的博客
11-07 370
Event 接口的只读属性 currentTarget 表示的，标识是当事件沿着 DOM 触发时事件的当前目标。它总是指向事件绑定的元素，而 Event.target 则是事件触发的元素。 event.currentTarget Syntax var currentEventTarget = event.currentTarget; Value EventTarget 例子 当将相同的事件处理...
前端|event.target与event.currentTarget的区别
算法与编程之美
09-26 731
欢迎点击「算法与编程之美」↑关注我们！本文首发于微信公众号："算法与编程之美"，欢迎关注，及时了解更多此系列文章。前言event.target事件和event.curre...
event.target与event.currentTarget
04-07
如果事件在目标元素上触发，那么event.target和event.currentTarget是相同的。但如果事件在目标元素的子元素上触发，那么event.target是子元素，而event.currentTarget是目标元素。例如： ```html ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

算法与编程之美

欢迎关注『算法与编程之美』

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值