js Event对象的target与currentTarget

最新推荐文章于 2022-11-09 21:00:56 发布
最新推荐文章于 2022-11-09 21:00:56 发布
阅读量270 收藏
点赞数
分类专栏： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mChales_Liu/article/details/102833518
版权

target：一个触发事件的对象的引用， 当事件处理程序在事件的冒泡或捕获阶段被调用时。

currentTarget：当事件遍历DOM时，标识事件的当前目标。它总是引用事件处理程序附加到的元素，而不是event.target，它标识事件发生的元素。

weixin79893765432...
关注
专栏目录
event.target与event.currentTarget的区别
算法与编程之美
04-27 870
event.target事件和event.currentTarget事件，经常被人们混淆。因为它们两个有时候的返回值是完全一样的，因此很具有迷惑性。然而如果真的是一样的，那当初官方就不会做这样没有意义的事了。下面我就结合我所学的知识来给大家讲一下，这两者的区别。 Event.target：返回触发事件的元素； Event.currentTarget：返回绑定事件的元素。 我写了两个简单的demo，结合这两个demo，大家马上就可以理解它们二者的区别在哪里。 <body>
小程序 target 与 currentTarget（详细）
最新发布
https://shixuebin.gitee.io/hexo-blog/
09-07 856
由于官方解释太过精炼，下面仔细讲讲其中的含义，先看一段代码：
js中event的target和currentTarget的区别
qq_34639706的博客
06-12 398
首先本质区别是： target：返回触发事件的元素。 currentTarget：返回事件绑定的元素。 关键点： 两者在没有冒泡的情况下，但在用了事件委托的情况下，就不一样了，例如： <ul id="ulT"> <li class="item1">item1</li> <li class="item2">item2</li> <li class="item3">item3</li> <li class="item4"&
JavaScript中event对象中currentTarget和target的区别
翾的博客
07-27 1308
简述 名称 功能 currentTarget 其事件处理程序当前正在处理事件的那个元素 target 事件的目标 区别在事件处理程序内部, 对象 this 始终等于 currentTarget 的值, 而 target 则只包含事件的实际目标. 如果直接将事件处理程序指定给了目标元素, 则this \ currentTarget \ target 包含相同的值. 如果上面的句子
javascript事件处理二 事件对象event详解及target和currentTarget区别
ScottePerk的博客
11-09 1431
在处理事件的时候，所有和事件相关的东西都封装到event这个对象里面。所以这个对象非常的重要。这个对象有非常多的内容，我们讨论几个计较常见和以及比较难区别的target和currentTarget。
js event 的target 和currentTarget
diaohuyi6830的博客
09-21 106
target 点击的实际tag currentTarget 绑定事件的target 转载于:https://www.cnblogs.com/tiancai/p/7568573.html
Javascript中, event 的 target 与 currentTarget 的区别
04-10
当我们谈论`event`对象时，`target`和`currentTarget`是两个非常关键的属性，它们在处理事件流时扮演着重要角色。理解这两个属性的区别对于编写高效且准确的事件处理程序至关重要。 `event.target`指的是触发事件的...
event.currentTarget与event.target的区别介绍
09-05
在JavaScript的事件处理中，`event.currentTarget` 和 `event.target` 是两个非常重要的属性，它们在处理DOM元素上的事件时起到关键作用。本文将详细解释这两个属性的区别，并通过实际的测试代码来帮助理解。 首先...
Vue里`$event` 中的target和currentTarget的区别
qq_45188736的博客
02-10 1658
$event 中的target和currentTarget的区别 $event是Vue自带的一个属性，可以看到很多属性。有点类似DOM中的event。 讲到这里我们就要提出一下下面两个重要的东西： event.target 触发事件的元素对象 event.currentTarget 绑定事件的元素对象 我们来上案例来讲解一下两者的区别： <body> <div class="app"> <button @click="add($event)">点击
JS target与currentTarget区别说明
10-28
target在事件流的目标阶段；currentTarget在事件流的捕获，目标及冒泡阶段。只有当事件流处在目标阶段的时候，两个的指向才是一样的，而当处于捕获和冒泡阶段的时候，target指向被单击的对象而currentTarget指向当前事件活动的对象（一般为父级）。
js中Event 对象 target 与 currentTarget的应用
zjl516088421的博客
09-04 1391
Event 对象 Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。 事件通常与函数结合使用，函数不会在事件发生前被执行！ 重点应用 target 与 currentTarget 当一个div内包括了img、p、span 等多个标签，且div 绑定有事件，点击div内部触发
JS 中 event.target 与 event.currentTarget 的区别
yanzi_0216的博客
01-31 347
JS 中 event.target 与 event.currentTarget 的区别 event.target 返回触发事件的元素（在点击事件中，就相当于被你点击的那个元素对象） event.currentTarget 返回绑定事件的元素，即事件的委托对象（绑定了事件处理函数的元素） <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JS Bin</titl
JavaScript事件对象中的target和currentTarget的区别
星海拾遗
02-15 418
JavaScript事件对象中的有两个容易被混淆的属性，target和currentTarget。 《JavaScript高级程序设计》对这两个属性是这样解释的 target为事件的目标 currentTarget为事件处理程序正在处理的元素。 对此我有这样的理解。 target就是真正触发事件的目标 而currentTarget为触发事件函数的目标。 这里打个栗子 &lt...
Event.currentTarget、Event.target 和 MouseEvent.relatedTarget
草木红的博客
06-21 998
currentTarget 和 target currentTarget 和 target 属于事件对象(Event)的实例属性 Event.currentTatget 是事件当前正在通过的节点。随着事件的传播，这个属性的值会变。e.currentTarget总是等同于监听函数内部的this Event.target 事件的原始触发节点。这个属性不会随着事件的传播而改变。 MouseEvent.relatedTarget MouseEvent.relatedTarget 属于鼠标事件对象(Mo..
js 捕获事件时，从 event 中得到的 currentTarget 和 target 的差别以及必须注意的 srcElement 标签
NULL BLOG
06-19 5215
JavaScript 开发过程中，对事件的处理会涉及很多类型不同的属性和标签，例如，捕获事件时，从 event 中得到的 currentTarget 和 target 的，他们的差别用一小段代码进行示范： dojo.query('#side-menu .s-btn').onclick(function(event) { // 由同一个事件得到对象 var currentTarget = event.currentTarget; var tar
js中event.target
zm_bingxindan的专栏
12-07 1691
Javascript event.srcElement      感觉这个挺好，可以捕获当前事件作用的对象，如event.srcElement.tagName可以捕获活动标记名称。    注意获取的标记都以大写表示，如"TD","TR","A"等。所以把看过的一些抄下来，不记得的时候再来看看。         event.srcElement从字面上可以看出来有以下关键字：事件,源  
事件对象中的Target属性
weixin_30847865的博客
02-25 414
事件对象中的Target属性 1. event.delegateTarget：绑定事件的代理对象（例如：btn1.on( 'click', 'btn2', function () {} 中的对象btn1)） 2. event.currentTarget：绑定事件的对象 3. event.Target：真正触发事件的对象 转载于:https://www.cnblogs.com/david-lc...
JS event.currentTarget( ) 和 event.target( ) 的区别
weixin_41796631的博客
04-13 7851
这两个方法都是监听事件触发的目标。区别是，event.currentTarget( ) 会返回当前触发事件的元素；而event.target( ) 会返回触发事件触发的源头元素。 用法：可以用来监听触发事件的元素是否事件发生的源头元素。这个源头元素指的是，当我点击子元素，虽然父元素的点击事件也会被触发（冒泡机制），但子元素才是事件的源头元素。 event.currentTarget( ) ...
原生js面试题：event对象中的target，currentTarget的区别，以及应用_事件委托
jiang7701037的博客
08-07 3243
一、    event对象中的target，currentTarget的区别        在使用event对象时，event对象有两个属性target和currentTarget，这两属性都代表事件源，由于事件冒泡和捕获（如果想知道事件冒泡和事件捕获请点击）的原因，会出现直接的事件源（发生事件的DOM元素）和当前事件源（经过冒泡或者捕获后，触发的父级对应事件的事件源）。       1）、t...
event.target与event.currentTarget
04-07
如果事件在目标元素上触发，那么event.target和event.currentTarget是相同的。但如果事件在目标元素的子元素上触发，那么event.target是子元素，而event.currentTarget是目标元素。例如： ```html ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值