DOM中currentTarget和target的区别

于 2020-09-21 20:09:41 发布
阅读量150 收藏
点赞数
分类专栏： css知识 文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhuifeng0zhuri1/article/details/108717897
版权

currentTarget和target的区别

  • currentTarget是绑定事件的元素，也是事件处理函数中，this指向的元素。
  • target是事件触发的真实元素
  • 当事件是元素自身触发时，target和currentTarget指向相同元素（触发事件的元素）
  • 当事件是子元素触发时，target指向的是子元素，currentTarget指向的是当前元素（事件冒泡）
码龄两年
关注
专栏目录
Vue里`$event` 中的target和currentTarget的区别
qq_45188736的博客
02-10 1644
$event 中的target和currentTarget的区别 $event是Vue自带的一个属性，可以看到很多属性。有点类似DOM中的event。 讲到这里我们就要提出一下下面两个重要的东西： event.target 触发事件的元素对象 event.currentTarget 绑定事件的元素对象 我们来上案例来讲解一下两者的区别： <body> <div class="app"> <button @click="add($event)">点击
DOM事件中target和currentTarget的区别
hmily43的博客
07-15 606
target是事件触发的真实元素 currentTarget是事件绑定的元素 事件处理函数中的this指向是中为currentTarget currentTarget和target，有时候是同一个元素，有时候不是同一个元素 （因为事件冒泡） 当事件是子元素触发时，currentTarget为绑定事件的元素，target为子元素 当事件是元素自身触发时，currentTarget和target为同一个元素。 <body> <ul id="..
dom 事件对象中target与currentTarget区别
可遇，好孩子
10-23 1350
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="m10"> <a href="javascript:;">1</a> </div> <script> document.getElementById('m
target，currentTarget和this三者的区别
吴孔云的博客
07-08 9351
target在事件流的目标阶段；currentTarget在事件流的捕获，目标及冒泡阶段。只有当事件流处在目标阶段的时候，两个的指向才是一样的， 而当处于捕获和冒泡阶段的时候，target指向被单击的对象而currentTarget指向当前事件活动的对象(注册该事件的对象)（一般为父级）。this指向永远和currentTarget指向一致（只考虑this的普通函数调用）。 <div id="ou
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...
JS target与currentTarget区别说明
10-28
总的来说，理解和掌握 `target` 和 `currentTarget` 的差异是JavaScript事件处理中的基础技能，它们可以帮助我们编写出更灵活和精确的事件处理逻辑，特别是在处理复杂DOM结构时。在实际编程中，应根据需求选择合适的...
Javascript中, event 的 target 与 currentTarget 的区别
04-10
总的来说，`target`和`currentTarget`都是事件处理中的重要参考，它们帮助开发者精确地控制事件流程。在阅读源码或使用各种工具时，理解这两个属性的含义和用法将有助于提升代码的质量和可维护性。在实际编程实践中...
target和currentTarget的区别
开发路上的AZhe
07-04 9354
event.target 和 event.currentTarget 都是对一个触发事件的对象的引用. 不同之处在于: event.target 对触发事件的对象的引用(即它标识事件发生的元素) event.currentTarget 当事件遍历DOM时，标识事件的当前目标。它总是引用事件处理程序附加到的元素 target在事件流的目标阶段；currentTarget在事件流的捕获，目标及冒泡阶段...
flash对象中target与currentTarget属性的区别
……
04-26 1203
target是单击的目标，currentTarget是处理事件的目标。 在一般情况下，target和currentTarget两者指向同一个对象。假设有一个简单的parent容器的注册器，在处理事件过程中这两个属性都指向了parent。 但是假设parent为父级注册器，它存在一个子级的child注册器时，当我们单击parent时，两者都指向parent，但是当单击child时，target指
获取DOM对象的当前(current)样式
愤怒的coder
09-28 957
  /** *获取页面某个元素当前的样式：(譬如获取当前INPUT的宽度，border的样式、border颜色等) *@param domID 文档对象的ID 或者直接传DOM文档对象 *@param propName 样式属性 *@return 返回当前元素的样式 *注意：propName不要聚合写法(eg:borer)，要分拆写法(eg:borderStyle 只支持IE)，越详...
event对象中 target和currentTarget 属性的区别。
qq_36836277的博客
06-11 4023
1.通过event.target可以获得触发事件的元素 2.event.currentTarget返回绑定事件的元素 如果只是看上面这两句话，其实很抽象，很难理解到底是什么意思，如果元素没有嵌套，他们都能够获得当前触发事件的元素，真正的区别在于冒泡和捕获 在页面中点击一个元素，时间是从这个元素的根元素逐层传递下来的，这个事件称为事件的捕获阶段，当事件传递到这个元素后，又会把事件逐层传递回去，知道祖...
js事件对象获取中target和currentTarget的区别
zhoulib__的博客
06-14 2144
target和currentTarget获取的都是对象 target获取是触发事件的源对象 currentTarget获取的事件绑定的对象 <body> <input type = "button" value="点我" /> <script> var inp_01 = document.getElementsByTagName("input")[0]; doc...
currentTarget和 target的区别
lc237423551的博客
04-12 6957
最近面试被问到这个问题，还是感叹自己是个小白啊。 面试官问我target和currentTarget的区别。本文大多出自于一个掘金博主的文章点击打开链接target在事件流的冒泡阶段；currentTarget在事件流的捕获，冒泡阶段。只有当事件流处在冒泡阶段的时候，两个的指向才是一样的， 而当处于捕获和冒泡阶段的时候，target指向被单击的对象currentTarget指向当前事件活动的对象（...
事件对象中target对象和currentTarget对象的区别
u013746071的专栏
08-19 6680
1、target在事件流的目标阶段；currentTarget在事件流的捕获，目标及冒泡阶段。 2、event.currentTarget指向事件所绑定的元素，而event.target始终指向事件发生时的元素。 3、事件真正的发送者是evt.target（而且是可以变的，根据触发的不同displayObject），注册侦听器的是evt.currentTarget（不会变的）。 4、在 Goo
event.target 和 event.currentTarget 的区别
weixin_30819085的博客
07-31 351
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...
事件中currentTarget和target的区别
cjoo的博客
12-27 1150
事件中currentTarget和target的区别
target和currentTarget区别
wuqiongqiong_的博客
01-11 3094
比较难区分的事件对象：target和currentTarget target:触发事件的某个具体对象。 currentTarget:绑定事件的对象，恒等于this（非ie的dom2级事件中，ie事件中this指向window），可能出现在事件流的任意一个阶段中 通常情况下terget和currentTarget是一致的，我们只要使用terget即可，（一般target用的也比较多）但有一种情
target与currenttarget区别
最新发布
03-16
target和currentTarget都是事件对象的属性，它们的区别在于： 1. target指向触发事件的元素，即事件的源头，而currentTarget指向当前正在处理事件的元素，即事件的目标。 2. target属性是只读的，而currentTarget...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值