target，currentTarget和this三者的区别

最新推荐文章于 2021-08-26 19:53:24 发布
最新推荐文章于 2021-08-26 19:53:24 发布
阅读量206 收藏
点赞数
分类专栏： react
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ferrysoul/article/details/89249292
版权
本文详细解析了在事件流的不同阶段，target和currentTarget的指向差异。阐述了target始终指向触发事件的元素，而currentTarget指向事件监听器绑定的元素，在目标阶段两者指向相同，但在捕获和冒泡阶段则不同。
摘要由CSDN通过智能技术生成 
target在事件流的目标阶段；currentTarget在事件流的捕获，目标及冒泡阶段。
只有当事件流处在目标阶段的时候，两个的指向才是一样的， 而当处于捕获和冒泡阶段的时候，
target指向被单击的对象
而currentTarget指向当前事件活动的对象(注册该事件的对象)
（一般为父级）。
this指向永远和currentTarget指向一致（只考虑this的普通函数调用）。

点击第一张图片

 

 

单机背景两个字

 

 

 

 

 

 

 

 

 

 

lxhguard
关注
专栏目录
js的this指向总结
丑小鸭变黑天鹅的博客
11-25 1535
js的this指向总结一、说明一、全局环境下二、函数上下文调用1、普通函数调用1.1、 情况说明：2、作为方法来调用2.1、情况12.2、情况22.3、 情况33、作为构造函数来调用3.1、情况13.2、情况24、call,apply,bind5、Eval函数6、DOM 事件处理函数中的 this & 内联事件中的 this1、DOM事件处理函数2、内联事件3、setTimeout & setInterval7、箭头函数三、总结 一、说明 首先必须要说的是，其实this就是一个指针，它指示的
2020面经-JS部分(二）类型，this,promise,apply,深拷贝
XiangChiZhaJi的博客
09-06 585
列举三种强制类型转换和两种隐式类型转换 JavaScript是一门弱类型语言，在JavaScript中声明变量不需指定类型， 对变量赋值也没有类型检查，同时JavaScript允许隐式类型转换。 强制类型转换 通过String()，toString()，Number()，parseInt()，parseFloat()，Boolean()等函数强制转换 Boolean(0) // => false - Boolean Boolean(new object()) // => true - Bool
target与currentTarget的区别
Lei_zhen96的博客
01-12 1855
MDN中对target的解释为，一个触发事件的对象的引用， 当事件处理程序在事件的冒泡或捕获阶段被调用时。 而对于currentTarget，它指的是当事件遍历DOM时，标识事件的当前目标。它总是引用事件处理程序附加到的元素，而不是event.target，它标识事件发生的元素。 举个例子来说明。 事件冒泡阶段 <!DOCTYPE html> <html> <...
currentTarget和 target的区别
lc237423551的博客
04-12 6997
最近面试被问到这个问题，还是感叹自己是个小白啊。 面试官问我target和currentTarget的区别。本文大多出自于一个掘金博主的文章点击打开链接target在事件流的冒泡阶段；currentTarget在事件流的捕获，冒泡阶段。只有当事件流处在冒泡阶段的时候，两个的指向才是一样的， 而当处于捕获和冒泡阶段的时候，target指向被单击的对象currentTarget指向当前事件活动的对象（...
target、this、currentTarget的区别
zh__quan的博客
08-01 324
target、this、currentTarget的区别 先诉重点理论： 1. target:触发事件的某个具体对象，只会出现在事件流的目标阶段（谁触发谁命中，所以肯定是目标阶段） 2. currentTarget:绑定事件的对象，恒等于this，可能出现在事件流的任意一个阶段中 3. 通常情况下target和currentTarget是一致的，我们只要使用target即可，但有一种...
target和currentTarget区别
wuqiongqiong_的博客
01-11 3127
比较难区分的事件对象：target和currentTarget target:触发事件的某个具体对象。 currentTarget:绑定事件的对象，恒等于this（非ie的dom2级事件中，ie事件中this指向window），可能出现在事件流的任意一个阶段中 通常情况下terget和currentTarget是一致的，我们只要使用terget即可，（一般target用的也比较多）但有一种情
target和currentTarget 区别
jzan1984的博客
11-14 884
文档说明如上 就是当点击事件是子类的时候a.target.id 是获得当前view的Id，而a.currentTarget.id 是获得父类的view 的id 。当点击父类的时候获得值是一样的
JS —— 3、原型、原型继承、组件定义、this、事件冒泡及事件委托
weixin_45042569的博客
05-27 765
目录 16、原型 （1）定义： （2）JS对象分两种： （3）写法： （4）验证是否是原型： 17、原型继承 （1）原型的继承 （2）构造函数的继承 （3）组合继承（相当于综合上面的继承一起使用） （4）原型链 18、组件定义 （1）动态定义 （2）字面量定义 （3）面向对象定义 （4）原型继承定义（推荐） （5）公共传参 19、this （1）在简单函数中 1.简单函数 2.内置函数 3.回调函数 4.数组 （2）在对象的方法中 （3）在构造函数中 （4）
扩展arcgis flex symbol 显示报表功能，显示饼状图和柱状图,非用infoSymbol实现(三)
u013067420的博客
08-02 743
有博友问我这个什么怎么实现，我之前忘记贴代码了，虽然flex这个鬼东西离我们而去了，但是不乏还是有人用这个，就当怀念一下flex（早已拥抱了h5）,我就翻箱倒柜找了半天程序,贴一个初级版本给大家参考，其实很简单。代码写的烂，烂番茄就不要扔了。目录结构是这样的: 第一个是柱状图，第二个是饼状图，第三个是调用 /***********************************
JavaScript WebAPI 系列三 注册事件、删除事件的两种方式以及兼容方案；DOM事件流（冒泡阶段和捕获阶段）；事件对象的常见属性和方法；鼠标事件对象
m0_55170432的博客
03-29 244
1.0 三种动态创建元素区别 document.write() element.innerHTML document.createElement() 区别： document.write 是直接将内容写入页面的内容流，但是文档流执行完毕，则它会导致页面全部重绘 innerHTML 是将内容写入某个 DOM 节点，不会导致页面全部重绘 innerHTML 创建多个元素效率更高（不要拼接字符串，采取数组形式拼接），结构稍微复杂 createElement() 创建多个元素效率稍低一点点，但是结构更清晰
target和currentTarget的区别
weixin_44462907的博客
01-17 750
target和currentTarget的区别是： target：触发事件的元素。 currentTarget：事件绑定的元素。 两者在没有冒泡的情况下，是一样的值，但在用了事件委托的情况下，就不一样了； 例如： fsda ewre qewe xvc 134 currentTarget始终是监听事件者，而target是事件的真正发出者。 ...
currentTarget和target的区别
空寻的博客
08-26 2435
currentTarget VS target target在事件流的目标阶段； currentTarget在事件流的捕获，目标及冒泡阶段。只有当事件流处在目标阶段的时候，两个的指向才是一样的， 而当处于捕获和冒泡阶段的时候， target指向被单击的对象 currentTarget指向当前事件活动的对象（一般为父级）。 冒泡和捕获 当点击页面的一个元素的时候，事件会从这个元素的祖先元素逐层传递下来，这个过程成为事件捕获；当事件传递到这个元素之后，又会把事件逐成传递回去，直到根元素为止，这个阶段是事件的冒泡
target、this、currentTarget区别
nO0b
10-14 427
target、this、currentTarget三个关键词用在事件处理函数中, 区别: target:触发事件的某个具体对象, 比如click事件就指的是实际点击的对象 currentTarget:绑定事件的对象，恒等于this，并不一定是实际触发者 通常情况下terget和currentTarget是一致的，我们只要使用terget即可，但有一种情况必须区分这三者的关系，那就是在父子嵌...
target和currentTarget
lseap的博客
03-31 1147
target：触发事件的元素 currentTarget：事件绑定的元素 - 当事件不支持冒泡的时候，两者指的是同一个元素。 - 当事件支持冒泡时：比如父元素和子元素都绑定click事件，当点击子元素时，父元素的事件也会触发，此时父元素事件的currentTarget指向父元素，target指向子元素。
原生js面试题：event对象中的target，currentTarget的区别，以及应用_事件委托
jiang7701037的博客
08-07 3269
一、    event对象中的target，currentTarget的区别        在使用event对象时，event对象有两个属性target和currentTarget，这两属性都代表事件源，由于事件冒泡和捕获（如果想知道事件冒泡和事件捕获请点击）的原因，会出现直接的事件源（发生事件的DOM元素）和当前事件源（经过冒泡或者捕获后，触发的父级对应事件的事件源）。       1）、t...
target 和currentTarget的区别
最新发布
04-27
在 JavaScript 中，当一个事件被触发时，通常会有两个属性与之相关，它们分别是target和currentTarget。 target属性指向触发事件的元素，而currentTarget则指向当前事件处理程序所附加的元素。 例如，当一个按钮被点击时，target属性将指向该按钮，而currentTarget属性将指向包含该按钮的元素（例如，一个表单或一个div）。 在事件冒泡过程中，事件会从target元素开始向上冒泡，直到到达document对象为止。在这个过程中，每个元素都可以通过currentTarget属性来访问事件，从而对该事件进行处理。 总之，target属性指向触发事件的元素，而currentTarget属性指向当前事件处理程序所附加的元素。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值