js target currentTarget

最新推荐文章于 2023-03-05 08:14:15 发布
最新推荐文章于 2023-03-05 08:14:15 发布
阅读量157 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： JavaScript ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/alyouge/article/details/84808257
本文详细解析了JavaScript事件处理过程中target与currentTarget的区别。target始终指向触发事件的对象，而currentTarget则指向当前阶段事件活动的对象，在目标阶段两者相同，而在捕获或冒泡阶段则有所不同。

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

target在事件流的目标阶段；currentTarget在事件流的捕获，目标及冒泡阶段。只有当事件流处在目标阶段的时候，两个的指向才是一样的， 而当处于捕获和冒泡阶段的时候，target指向被单击的对象而currentTarget指向当前事件活动的对象（一般为父级）。

(注：currentTarget 是指的JS的最终目标，target有可能是子元素)
alyouge
关注
JavaScript之target和currentTarget
liujan511536的专栏
12-06 3703
target指的是你当前触发（点击的对象），currentTarget指的是绑定该事件的对象， 也就是说，如果你把一个点击事件绑定在父元素上，然后你再点击子元素，这是的target是子元素，currentTarget是父元素。如果你 这时点击的是父元素，那么target和currentTarget都是父元素。 例如： target和currentTarget click
复选框添加点击事件_JavaScript-事件
weixin_39646405的博客
12-02 2181
什么是事件所谓事件，就是浏览器告知JavaScript程序用户的行为。例如用户点击了HTML页面中的某个按钮, 或者用户输入用户名或密码等操作。事件类型事件根据使用的场景不同，可以分为如下几种：•依赖于设备的输入事件：键盘事件和鼠标事件，这些事件都是直接和设备相关的。•独立于设备的输入事件：例如click事件等，这些事件并没有直接与设备相关。•用户界面的相关事件：用户界面事件属于较高级的事件，一般...
target和currentTarget区别
weixin_70443954的博客
11-27 217
JavaScript事件触发者（target）、事件绑定者（currentTarget）
html5函数里面传入event,在vue事件中传入$event，使用e.target和e.currentTarget有什么区别...
weixin_36326008的博客
06-21 461
这个问题我觉得还是比较重要的，因为我们只要做过vue项目，基本会遇到这个问题。然而很多人是随便用，感觉都差不多，其实他们是有本质区别的，一旦没用好，随之扑面而来的就是bug用概念区分event.currentTarget始终指向事件所绑定的元素，而event.target指向事件发生时的元素。示例说明记住，我通过换行符隔开，方便测试点击a时触发openPlays，传入当前对象openPlays ...
【小程序】获取到的e.target与e.currentTarget区别
Y.Cheng的博客
05-14 1万+
在html中这两个事件属性，很容易让我混淆，小程序中这两个属性也很重要，因此又必要好好深入理解下，让自己分清这两个Dom的属性。 这里是MDN给的解释 target:一个触发事件的对象的引用， 当事件处理程序在事件的冒泡或捕获阶段被调用时。 currentTarget:在捕获和起泡阶段，该属性是非常有用的，因为在这两个节点，它不同于 target 属性。它指的是当事件遍历DOM时，标识事件的...
JS target与currentTarget区别说明
10-28
在JavaScript中，处理事件时，`target` 和 `currentTarget` 是两个非常重要的属性，它们在事件流的不同阶段有着不同的作用。理解这两个属性的区别对于编写高效且精确的事件处理程序至关重要。 首先，让我们来深入...
Javascript中, event 的 target 与 currentTarget 的区别
04-10
当我们谈论`event`对象时，`target`和`currentTarget`是两个非常关键的属性，它们在处理事件流时扮演着重要角色。理解这两个属性的区别对于编写高效且准确的事件处理程序至关重要。 `event.target`指的是触发事件的...
微信小程序target和currentTarget的区别
weixin_43364458的博客
03-05 861
详细解析target和currentTarget区别
js中innerText/textContent和innerHTML与target和currentTarget的区别
10-17
今天小编就为大家分享一篇关于js中innerText/textContent和innerHTML与target和currentTarget的区别，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧
target (触发事件的标签)和currentTarget（绑定事件的标签）
qq_39288987的博客
11-01 676
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equi...
target，currentTarget和this三者的区别
吴孔云的博客
07-08 9454
target在事件流的目标阶段；currentTarget在事件流的捕获，目标及冒泡阶段。只有当事件流处在目标阶段的时候，两个的指向才是一样的， 而当处于捕获和冒泡阶段的时候，target指向被单击的对象而currentTarget指向当前事件活动的对象(注册该事件的对象)（一般为父级）。this指向永远和currentTarget指向一致（只考虑this的普通函数调用）。 <div id="ou
e.target与e.currentTarget的作用
热门推荐
李小贱的博客
06-29 3万+
要说清楚这个东西，还不太好阐述呢，所以，先看看下面的代码： #fa{ width: 100%; height: 170px; padding: 20px 0px; background-color: cadetblue; }
html中target属性的使用详解
ITzhongzi的博客
09-28 4235
1. _blank 这个家伙的汉语译文是：空白的，引申一下，就好像你写笔记一样，写完了一页翻过去，在一个新空白页上接着写，而原来写的还有，和网页的打开也是一样的道理，在新的一个窗口中打开这个链接，而原窗口还存在。 经常上网的你或许有这样的经历，原来用IE6的时候，没有标签栏，有的网站中的链接全是比如<a harf=".../ttt.html" target=&q
中文疾病诊断数据集（百万条），可用于中国人疾病分析、疾病诊断
08-19
资源下载链接为： https://pan.quark.cn/s/056be54e94fa 中文疾病诊断数据集（百万条），可用于中国人疾病分析、疾病诊断。（最新、最全版本！打开链接下载即可用！）
【计算机视觉】基于立体视觉的3D目标检测框架优化：联合2D边界框与实例深度估计的高效多类别检测系统设计（含详细代码及解释）
最新发布
08-19
内容概要：这篇论文提出了一种基于立体视觉的3D目标检测框架，核心创新包括直接实例深度估计方法、自适应空间特征聚合模块。该框架仅用左图像生成联合2D边界框并预测3D框中心深度，通过减弱背景点影响并整合重要实例特征，提高了3D检测的精度和效率。相比现有方法，该框架在KITTI基准测试上表现出色，实现了更高的检测精度（68.7% AP）和更快的推理速度（8.5 FPS）。论文还详细介绍了框架的核心模块实现，如实例深度估计网络、自适应空间特征聚合模块以及完整的立体3D检测框架，并通过实验验证了各模块的有效性。 适合人群：从事计算机视觉、自动驾驶或机器人领域的研究人员和技术开发者，尤其是对3D目标检测、立体视觉感兴趣的从业者。 使用场景及目标：①提高3D目标检测精度和效率；②研究立体视觉在3D检测中的应用；③探索深度估计和特征聚合的新方法；④应用于自动驾驶、机器人导航等实际场景。 其他说明：论文不仅提供了理论分析，还给出了详细的代码实现，便于读者理解和复现。该框架在KITTI数据集上进行了充分验证，证明了其在多类别3D检测任务中的优越性能。此外，论文还讨论了现有方法的局限性，并提出了针对性的解决方案。
基于单片机的垃圾桶系统设计(51+1602+SG90+RSD+HX711) 0437
08-19
包括：源程序工程文件、Proteus仿真工程文件、电路原理图文件、配套技术手册、论文资料等 1、采用51单片机作为主控芯片； 2、采用LCD1602作为显示模块，用于显示人体靠近信息、垃圾重量信息； 3、采用压力传感器+HX711模块检测垃圾投入后重量变换； 4、采用HC-SR501模块检测人体靠近信息； 5、采用舵机作为垃圾箱盖子驱动力； 6、当检测到人体靠近信息后，开启箱盖；开盖后检测到重量变化，关闭箱盖；
中文 NLP 语料库数据集
08-19
资源下载链接为： https://pan.quark.cn/s/b9dc05a1369f 中文 NLP 语料库数据集（最新、最全版本！打开链接下载即可用！）
slop-7.6-5.el8.tar.gz
08-19
# 适用操作系统：Centos8 #Step1、解压 tar -zxvf xxx.el8.tar.gz #Step2、进入解压后的目录，执行安装 sudo rpm -ivh *.rpm
target 和currentTarget的区别
04-27
在 JavaScript 中，当一个事件被触发时，通常会有两个属性与之相关，它们分别是target和currentTarget。 target属性指向触发事件的元素，而currentTarget则指向当前事件处理程序所附加的元素。 例如，当一个按钮被...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值