前端笔记 e.target与e.currentTarget

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

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

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

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

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

doiido
关注
Vue前端开发中的事件处理机制
AI架构全栈开发实战笔记
06-12 1010
本文旨在全面介绍Vue.js框架中的事件处理机制，包括原生DOM事件处理、自定义事件、事件修饰符等核心概念。我们将从基础到高级，逐步揭示Vue事件处理的工作原理和最佳实践。想象你正在建造一个智能家居系统。每个电器设备（如电灯、空调）就像Vue中的一个组件，而你的手机遥控器就是事件触发器。当你按下手机上的"开灯"按钮时，这个动作就像在Vue中触发了一个事件，电灯组件接收到这个事件后就会执行"打开"的操作。Vue的事件处理机制就是这样一个高效的消息传递系统，让各个组件能够相互通信和协作。DOM事件是浏览器提供的
三郎前端特效学习笔记：动态樱花落水源代码
m0_51684972的博客
01-26 4042
三郎前端特效学习笔记：动态樱花落水源代 其他的话 就这前端特效还有人网上拿去卖钱 难怪中国计算机学习环境不行 唉 效果图 完整源代码 <!doctype html> <html> <head> <meta charset="utf-8"> <title>樱花雨</title> <script > /*! jQuery v1.10.2 | (c) 2005, 2013 jQuery Foundation, Inc. |
简单了解微信小程序 e.target与e.currentTarget的不同
10-16
主要介绍了微信小程序 e.target与e.currentTarget的区别详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
e.target与e.currentTarget的作用
热门推荐
李小贱的博客
06-29 3万+
要说清楚这个东西，还不太好阐述呢，所以，先看看下面的代码： #fa{ width: 100%; height: 170px; padding: 20px 0px; background-color: cadetblue; }
e.target 和 e.currentTarget 区别
gxr的博客
02-14 1215
e.target 触发事件的对象 (某个DOM元素) 的引用。当事件处理程序在事件的冒泡或捕获阶段被调用时，它与event.currentTarget不同。 event.target 属性可以用来实现事件委托 (event delegation)。 e.currentTarget 返回绑定事件的元素 当事件遍历DOM时，接口的currentTarget只读属性Event标识事件的当前目标。它始终引...
e.target和e.currentTarget
qq_41588568的博客
04-26 444
先描述遇到的问题： 我的html代码和js代码分别如下： 第一：div就是每一个菜单的容器，里边的<b></b>标签内存放的是菜单的内容 第二：注意我的点击事件是在div上 这是我修改后的代码，在我修改之前，我使用的是e.target，而这样的情况下，我点击菜单时候，如果点到的是菜单的内容，背景颜色就不会改变，只有鼠标点击到div元素的上边，才会发...
【JS学习】 e.target 和 e.currentTarget
m0_61486963的博客
07-02 526
e.target 和 e.currentTarget 的区别
js笔记（数据库及后）.docx
11-09
- `event.target`表示触发事件的实际元素，而`event.currentTarget`指向事件当前处理函数所绑定的元素。 6. **自定义事件**： - 除了标准DOM事件（如click、input），还可以自定义事件。使用发布/订阅模式，`...
Vue2学习笔记(尚硅谷天禹老师)
最新发布
weixin_44992737的博客
04-24 1993
Vue可以看作是一个数据管理大师，其目的通常是将其管理的数据展示到HTML页面上，或者收集HTML页面上的数据进行储存在自身或者传递给服务器。
2年前端(外包经历) 6月部分面试记录 （高级、资深岗位）
爱前端也爱恋爱
12-22 3092
本人一年小公司，2年前端大厂外包经历，坐标杭州，记录6月份部分面试记录，还有一部分忘的太多没记录。 讯盟科技 （拿offer） “我自己是一名从事了6年web前端开发的老程序员，今年年初我花了一个月整理了一份最适合2021年自学的web前端全套培训教程（视频+源码+笔记+项目实战），从最基础的HTML+CSS+JS到移动端HTML5以及各种框架和新技术都有整理，打包给每一位前端小伙伴，这里是前端学习者聚集地，欢迎初学和进阶中的小伙伴（所有前端教程关注我的微信公众号：web前端学习圈，关注后回复“..
e.target与e.currentTarget
xmy_wh的博客
07-12 1246
e.target 事件源   eg： 点击  那事件源就是button e.currentTarget  获取最外层 eg: 确定   当点击确定两字时事件源也会找到最外层button $('.doSubmit').click((e) => {     e.stopPropagation();     let classStr = $(e.curre
e.target 和 e.currentTarget 的区别？你到底知不知道？
广漂程序猿DevinRock
03-14 838
现在我们点击，看看输出的东西，可以看出触发的是d，而执行的元素是冒泡的顺序。当你触发一个元素的事件的时候，该事件从该元素的祖先元素传递下去，此过程为。，我们看看输出结果，可以看出触发的是d，而执行的元素是捕获的顺序。这两个对象，但是却有很多人根本就不知道这两个有什么区别~~~，而到达此元素之后，又会向其祖先元素传播上去，此过程为。大家开发中经常会跟DOM的事件打交道，也会经常用到。false：默认，代表冒泡时绑定。我们给四个div元素绑定事件，且。第一个参数：绑定的事件名。第二个参数：执行的函数。
e.currentTarget和e.target
weixin_48962287的博客
03-27 1597
此时，e.target表示的是触发事件的具体元素，而e.currentTarget则表示的是当前正在处理事件的元素，可能是父级元素或者其他祖先元素。例如，可以通过e.target来获取用户点击的具体元素，或者通过e.currentTarget来获取当前正在处理事件的元素。e.target表示的是事件的目标元素，即触发事件的元素，通常是用户在页面中进行操作时所点击的元素。而e.currentTarget表示的是当前事件处理程序所绑定的元素，即事件正在处理的元素。e.target是获取具体的触发元素。
js事件目标查找方式，事件代理，e.target与e.currentTarget的区别，阻止冒泡与捕获，取消默认事件一次搞懂，看这个就够了
m0_46217225的博客
03-30 5329
文章目录EventTarget 事件目标的查找方式（冒泡与捕获）冒泡与捕获：冒泡事件捕获事件：addEventListener(type,listener,useCapture) 简单分析：参数useCapture详解：冒泡与捕获的顺序：代码演示：事件代理机制利用事件冒泡完成事件代理机制：关于事件对象的知识点：e.target与e.currentTarget的区别：阻止冒泡与捕获为什么要阻止冒泡或捕获？阻止冒泡或捕获的方法event.stopPropagation()阻止冒泡：event.stopPropa
浅谈前端和移动端的事件机制
weixin_34212762的博客
10-26 373
前言 近几年来，在移动端上因原生开发成本高和效率低而导致涌现出来的一大批优秀前端框架，以及专门针对移动端设备的前端开发框架（如 RN/Weex），大前端的概念被不断地提及。在这样的背景之下，前端技术也将逐渐成为移动端开发者的必备技能。笔者作为一名移动端开发者，在接触了前端开发之后，发现了虽然前端相较于移动端有着很大的不同，不过前端有不少值得移动端学习的地方，并且两者在不少方面也有着相似之处。在大前...
e.target和e.currentTarget的区别
qq_40549954的博客
09-17 666
事件冒泡 如图所示，有两个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 713
e.target 指向触发事件监听的对象。e.currentTarget 指向添加监听事件的对象
事件对象e的e.target
weixin_49602426的博客
09-11 3261
事件对象是事件的一系列相关数据的集合，跟事件相关。eg: 鼠标点击里面就包含了鼠标的信息（属性和方法）、键盘按下就包含了键盘事件的信息；事件对象是系统给我们自动创建的，不需要我们传递参数；事件对象只有事件（onclick、click等）存在的时候才会存在；事件对象只是一个形参，我们可以自己命名：event、e、ele等；btn.onclick = function(e){ // 这里的e就是所谓的事件对象e.target}e.target返回的是触发事件的对象（元素）。那么它和this。
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、付费专栏及课程。

余额充值