前端笔记 e.target与e.currentTarget

最新推荐文章于 2024-04-24 16:18:31 发布
最新推荐文章于 2024-04-24 16:18:31 发布
阅读量144 收藏
点赞数
文章标签： 前端 笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/doiido/article/details/134055701
版权
本文解析MDN中关于JavaScript事件处理中的target和currentTarget概念，指出target是触发事件的元素，currentTarget表示事件处理程序绑定的元素，两者在事件传播过程中的作用和区别。
摘要由CSDN通过智能技术生成

。
MDN中对target的解释为，一个触发事件的对象的引用， 当事件处理程序在事件的冒泡或捕获阶段被调用时。
而对于currentTarget，它指的是当事件遍历DOM时，标识事件的当前目标。它总是引用事件处理程序附加到的元素，而不是event.target，它标识事件发生的元素。

e.target 触发事件的点击元素！！

e.currentTarget 绑定事件的元素！！

doiido
关注
e.target与e.currentTarget的作用
李小贱的博客
06-29 3万+
要说清楚这个东西，还不太好阐述呢，所以，先看看下面的代码： #fa{ width: 100%; height: 170px; padding: 20px 0px; background-color: cadetblue; }
2022前端笔记
马航机长的博客
06-24 2270
tip：只记录本人记得不牢固的，或者有启发的点，新手建议多看书 1、原型链 实例对象的constructor也会指向构造函数 因为没有constructor属性会通过原型链找（容易忽略，是个小陷阱） function Person() {} var person = new Person(); console.log(person.constructor === Person); // true __proto__ 来自于 Object.prototype,更像是一个 getter/setter，使用 o
简单了解微信小程序 e.target与e.currentTarget的不同
10-16
主要介绍了微信小程序 e.target与e.currentTarget的区别详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
e.target 和 e.currentTarget 区别
gxr的博客
02-14 1170
e.target 触发事件的对象 (某个DOM元素) 的引用。当事件处理程序在事件的冒泡或捕获阶段被调用时，它与event.currentTarget不同。 event.target 属性可以用来实现事件委托 (event delegation)。 e.currentTarget 返回绑定事件的元素 当事件遍历DOM时，接口的currentTarget只读属性Event标识事件的当前目标。它始终引...
e.target和e.currentTarget
qq_41588568的博客
04-26 396
先描述遇到的问题： 我的html代码和js代码分别如下： 第一：div就是每一个菜单的容器，里边的<b></b>标签内存放的是菜单的内容 第二：注意我的点击事件是在div上 这是我修改后的代码，在我修改之前，我使用的是e.target，而这样的情况下，我点击菜单时候，如果点到的是菜单的内容，背景颜色就不会改变，只有鼠标点击到div元素的上边，才会发...
【JS学习】 e.target 和 e.currentTarget
m0_61486963的博客
07-02 496
e.target 和 e.currentTarget 的区别
js笔记（数据库及后）.docx
11-09
- `event.target`表示触发事件的实际元素，而`event.currentTarget`指向事件当前处理函数所绑定的元素。 6. **自定义事件**： - 除了标准DOM事件（如click、input），还可以自定义事件。使用发布/订阅模式，`...
Vue2学习笔记(尚硅谷天禹老师)
最新发布
weixin_44992737的博客
04-24 1704
Vue可以看作是一个数据管理大师，其目的通常是将其管理的数据展示到HTML页面上，或者收集HTML页面上的数据进行储存在自身或者传递给服务器。
三郎前端特效学习笔记：动态樱花落水源代码
m0_51684972的博客
01-26 4003
三郎前端特效学习笔记：动态樱花落水源代 其他的话 就这前端特效还有人网上拿去卖钱 难怪中国计算机学习环境不行 唉 效果图 完整源代码 <!doctype html> <html> <head> <meta charset="utf-8"> <title>樱花雨</title> <script > /*! jQuery v1.10.2 | (c) 2005, 2013 jQuery Foundation, Inc. |
2年前端(外包经历) 6月部分面试记录 （高级、资深岗位）
爱前端也爱恋爱
12-22 2938
本人一年小公司，2年前端大厂外包经历，坐标杭州，记录6月份部分面试记录，还有一部分忘的太多没记录。 讯盟科技 （拿offer） “我自己是一名从事了6年web前端开发的老程序员，今年年初我花了一个月整理了一份最适合2021年自学的web前端全套培训教程（视频+源码+笔记+项目实战），从最基础的HTML+CSS+JS到移动端HTML5以及各种框架和新技术都有整理，打包给每一位前端小伙伴，这里是前端学习者聚集地，欢迎初学和进阶中的小伙伴（所有前端教程关注我的微信公众号：web前端学习圈，关注后回复“..
e.target与e.currentTarget
xmy_wh的博客
07-12 1210
e.target 事件源   eg： 点击  那事件源就是button e.currentTarget  获取最外层 eg: 确定   当点击确定两字时事件源也会找到最外层button $('.doSubmit').click((e) => {     e.stopPropagation();     let classStr = $(e.curre
e.target 和 e.currentTarget 的区别？你到底知不知道？
广漂程序猿DevinRock
03-14 477
现在我们点击，看看输出的东西，可以看出触发的是d，而执行的元素是冒泡的顺序。当你触发一个元素的事件的时候，该事件从该元素的祖先元素传递下去，此过程为。，我们看看输出结果，可以看出触发的是d，而执行的元素是捕获的顺序。这两个对象，但是却有很多人根本就不知道这两个有什么区别~~~，而到达此元素之后，又会向其祖先元素传播上去，此过程为。大家开发中经常会跟DOM的事件打交道，也会经常用到。false：默认，代表冒泡时绑定。我们给四个div元素绑定事件，且。第一个参数：绑定的事件名。第二个参数：执行的函数。
e.currentTarget和e.target
weixin_48962287的博客
03-27 1506
此时，e.target表示的是触发事件的具体元素，而e.currentTarget则表示的是当前正在处理事件的元素，可能是父级元素或者其他祖先元素。例如，可以通过e.target来获取用户点击的具体元素，或者通过e.currentTarget来获取当前正在处理事件的元素。e.target表示的是事件的目标元素，即触发事件的元素，通常是用户在页面中进行操作时所点击的元素。而e.currentTarget表示的是当前事件处理程序所绑定的元素，即事件正在处理的元素。e.target是获取具体的触发元素。
浅谈前端和移动端的事件机制
weixin_34212762的博客
10-26 348
前言 近几年来，在移动端上因原生开发成本高和效率低而导致涌现出来的一大批优秀前端框架，以及专门针对移动端设备的前端开发框架（如 RN/Weex），大前端的概念被不断地提及。在这样的背景之下，前端技术也将逐渐成为移动端开发者的必备技能。笔者作为一名移动端开发者，在接触了前端开发之后，发现了虽然前端相较于移动端有着很大的不同，不过前端有不少值得移动端学习的地方，并且两者在不少方面也有着相似之处。在大前...
e.target和e.currentTarget的区别
qq_40549954的博客
09-17 627
事件冒泡 如图所示，有两个div。大div（outer）包裹小div（inner），当使用onclick事件点击inner时，就会产生事件冒泡 代码示例 <div id="app"> <div class="outer" @click="outer"> outer <div class="inner" @click="inner"> inner </div> </div> &
e.target与e.currentTarget区别
jiajia199470的博客
02-28 673
e.target 指向触发事件监听的对象。e.currentTarget 指向添加监听事件的对象
e.target与e.currentTarget的区别
zhanglir333的博客
12-04 691
e.currentTarget指的是注册了事件监听器的对象，而e.target指的是该对象里的子对象，也是触发这个事件的对象！
又要写博客了，这次是关于前端的target
u010969626的博客
01-01 436
标签  的 可以使用target属性来设置打开新的窗口，而如果多个窗口的target属性值是相同的，但是并不是“_blank”时，除了微软的浏览器反应不同外，其他浏览器反应都是一样的，可见微软是多么的特立独行。
e.target和e.currenttarget
03-16
在JavaScript中，e.target和e.currentTarget都是事件对象（Event Object）中的属性。 e.target表示的是事件的目标元素，即触发事件的元素，通常是用户在页面中进行操作时所点击的元素。而e.currentTarget表示的是当前事件处理程序所绑定的元素，即事件正在处理的元素。 在事件处理程序中，可以使用这两个属性来获取事件相关的元素信息。例如，可以通过e.target来获取用户点击的具体元素，或者通过e.currentTarget来获取当前正在处理事件的元素。 需要注意的是，e.target和e.currentTarget的取值可能会有所不同，特别是在事件冒泡（Event Bubbling）的情况下。当事件冒泡时，事件会从目标元素开始向上冒泡到其父级元素，依次触发每个元素的事件处理程序。此时，e.target表示的是触发事件的具体元素，而e.currentTarget则表示的是当前正在处理事件的元素，可能是父级元素或者其他祖先元素。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值