Event.target与event.currentTarget的区别

event.target与event.currentTarget的区别 event.target事件和event.currentTarget事件,经常被人们混淆。因为它们两个有时候的返回值是完全一样的,因此很具有迷惑性。然而如果真的是一样的,那当初官方就不会做这样没有意义的事了。下面我就结合我所学的知识来给大家讲一下,这两者的区别。 Event.target:返回触发事件的元素; Event.currentTarget:返回绑定事件的元素。 我写了两个简单的demo,结合这两个demo,大家马上就可以理解它们二者的区别在哪里。 <body> 阅读详情

Event.target 和 event.currentTarget 都是对一个触发事件的对象的引用. 

不同之处在于

1、Event.target

Event.target 对触发事件的对象的引用(即它标识事件发生的元素)

2、event.currentTarget

event.currentTarget 当事件遍历DOM时,标识事件的当前目标。它总是引用事件处理程序附加到的元素

3、总结:

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

Python 爬虫:获取网页数据的 5 种方法 requests:适用于简单的静态网页抓取,易于使用。requestslxml:适合需要高效解析大规模网页内容的情况,支持 XPath 和 CSS 选择器。Selenium:适用于动态网页(JavaScript 渲染)的抓取,模拟浏览器行为获取动态数据。Scrapy:强大的爬虫框架,适合大规模的网页抓取任务,支持异步请求和高级功能。PyQuery:基于 jQuery 语法,适合快速开发,提供简洁的 CSS 选择器语法。 阅读详情

相关推荐

量化爬虫第一步:手把手教你搞定同花顺问财的hexin-v参数(附JS逆向实战)

本文详细介绍了如何通过JS逆向技术破解同花顺问财数据接口的核心加密参数hexin-v,构建稳定可靠的量化数据采集方案。从抓包分析到Cookie Hook技术应用,再到环境补全与参数生成实现,手把手教你完成量化爬虫的第一步。文章还提供了实战注意事项与优化建议,帮助开发者规避常见问题。

weixin_42620202的博客 306

event.target与event.currentTarget的差异

event.target与event.currentTarget的差异

WWEIZAI的博客 1546

matlab/simulink saw谐振器仿真,基于Matlab的SAW模态耦合模型的仿真研究

第32卷 第 4 期Vol. 32 No. 4重 庆 理 工 大 学 学 报 (自然科学)Journal of Chongqing University of Technology( Natural Science)2 0 1 8年 4 月Apr. 2018doi : 10.3969/j . issn. 1674-8425(z). 2018.04.002本文引用格式 :李志鹏,马龙祥,孟旭,等•基...

weixin_36192634的博客 1386

Event.target与event.currentTarget

Event.target:指的是真正触发事件的元素节点 Event.currentTarget:指的是绑定了事件监听的元素

【有梦想的菜】的博客 1979

Git系列(一)、Git基础教程【建议收藏】

Git一、Git简介1.1、什么是Git? 一、Git简介 1.1、什么是Git? Git是一个开源的分布式版本控制系统,用于敏捷高效地处理任何或大或小的项目。 Git是Linus Torvalds为了帮助管理Linux内核开发而开发的一个开放源代码的版本控制软件。 Git与常用的版本控制工具CVS、Subversion等不同,它采用了分布式版本库的方式,不用服务器端软件支持。 .........

一宿君 5万+

从牛顿冷却定律到热传导方程:一维热传导方程的物理直觉与数学推导

本文从牛顿冷却定律出发,结合傅里叶热传导定律和能量守恒原理,系统推导了一维热传导方程的数学形式。通过微元分析和物理直觉,揭示了温度随时间变化与空间二阶导数之间的关系,并阐释了热扩散率α的物理意义。文章还探讨了方程的边界条件、数值解法及其在材料科学和工程中的应用,为理解热量传递提供了清晰的物理图像和数学框架。

palm99的专栏 840

event对象中 target和currentTarget 属性的区别。

首先本质区别是: event.target返回触发事件的元素 event.currentTarget返回绑定事件的元素

weixin_30791095的博客 373

STM32F103C8T6+A4988驱动42步进电机全流程(附接线图+代码解析)

本文详细介绍了使用STM32F103C8T6单片机与A4988驱动模块控制42步进电机的完整流程。内容涵盖硬件接线图解析、电流设置、GPIO驱动代码编写以及细分控制等核心实践,旨在帮助嵌入式开发者和DIY爱好者快速实现精准运动控制,适用于3D打印机、CNC等需要精密定位的项目。

Python的专栏 796

JS event.currentTarget( ) 和 event.target( ) 的区别

这两个方法都是监听事件触发的目标。区别是,event.currentTarget( ) 会返回当前触发事件的元素;而event.target( ) 会返回触发事件触发的源头元素。 用法:可以用来监听触发事件的元素是否事件发生的源头元素。这个源头元素指的是,当我点击子元素,虽然父元素的点击事件也会被触发(冒泡机制),但子元素才是事件的源头元素。 event.currentTarget( ) ...

weixin_41796631的博客 8405

无实习经验?IT应届生简历封神思路:把校园经历写成offer收割机

摘要: IT应届生无实习经历如何打造竞争力简历?本文揭秘“无实习简历封神指南”,通过四大步骤将校园经历转化为HR认可的硬核技能: 素材挖掘:课程设计、个人项目、社团活动、竞赛证书都是隐藏的“实战经验”,用STAR法则细化成果。 技能转化:匹配岗位JD关键词,用“动词+量化结果”包装经历(如“优化查询效率30%”)。 避坑指南:避免流水账、夸大技能或堆砌无关经历,聚焦技术能力与岗位需求。 核心逻辑:HR看重潜力而非经验,用校园经历证明学习能力、问题解决能力和技术落地能力。 无实习≠无竞争力,学会“翻译”经历,

通俗易懂学IT 424

RK3568-适配phy芯片ip101gri

复位时间查阅数据手册。

Paper_Love的博客 2645

关于event.currentTarget和 event.target的实际区别

event.currentTarget和event.target的区别关于event里的target属性关于event里的currentTarget属性具体差别总结 相信很多初识事件监听的朋友们,还分不清楚,event.currentTarget和event.target的区别。看一下下边代码,你大概就能对这两个event属性有了大致的了解。 关于event里的target属性 首先我们要知道,event是什么(在JS中运行) let divEle = document.getElementsByTagN

WDNMDDDD的博客 2196

从 SAP HANA 到 ABAP Cloud:彻底讲透 scalar function 的定位、实现方式与 Clean Core 实践

SAP项目中,scalar function是数据库层的重要计算单元,用于封装可复用的单值逻辑。不同于返回结果集的table function,它直接嵌入SQL表达式,适用于折扣率计算、数据标准化等场景。在SAP技术栈中,scalar function有三种形态:原生SQLScript函数、AMDP托管函数和CDS绑定函数。正确使用可提升查询性能,但需注意与procedure、table function的边界区分。AMDP scalar function是ABAP项目中的推荐实现方式,能确保函数生命周期受

2007 年 ~ 2025 年,深耕 SAP 技术 18 年 1716

event.target 和 event.currentTarget 的区别

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 the event. event.currentTarget Identifies the current .

lee_slly的博客 6765

文档:亲测可用解决vnc灰屏,黑屏,鼠标大黑叉情况

主要解决vnc-viewer灰屏,黑屏,鼠标大黑叉等现象,详细见文档。

大中型超市收银系统(可直接运行)

光步前台收银系统系统功能:商品销售、商品退货、挂单、收银员权限、会员销售、单品取消、整单取消、商品查询、脱机销售、脱机数据上传,基本资料下载,开钱箱、小票打印、收款结算,支持多币种付款方式(现金、储值卡、礼券、微信等),支持多种促销。运行环境:.net 4.0登陆信息用户名:1001 密码:123456内置商品信息,商品编码可输入00001000 - 00010000,测试效果相关功能键F5 结算 F9挂单 F11商品查询 F8退货 Insert单品取消 Del整单取消 F12开钱箱F2 会员 Ctrl+Z退出系统 Home 锁屏 相关源码待公开

event.target和event.CurrentTarget的区别专业解释

区别 Use event.currentTarget instead of event.target because of event bubbling/capturing: event.currentTarget- is the element that has the event listener attached to. event.target- is the element that ...

kouryoushine的博客 2512

廖雪峰Python教程[完整版]

廖雪峰的python教程整理的,已经排好版了,而且还是完整的,适合小白

event.currentTarget和Event.target的区别

Event 接口的只读属性 currentTarget 表示的,标识是当事件沿着 DOM 触发时事件的当前目标。它总是指向事件绑定的元素,而 Event.target 则是事件触发的元素。 event.currentTarget Syntax var currentEventTarget = event.currentTarget; Value EventTarget 例子 当将相同的事件处理...

weixin_45849112的博客 420

华为的C语言编程规范.pdf

华为技术有限公司内部技术规范。本规范制定了编写C语言程序的基本原则、规则和建议。从代码的清晰、简洁、可测试、安全、程序效率、可移植各个方面对C语言编程作出了具体指导。

event对象中 target和currentTarget 属性的区别

来自:https://www.cnblogs.com/yewenxiang/p/6171411.html 首先本质区别是: event.target返回触发事件的元素 event.currentTarget返回绑定事件的元素 ????????举个例子:    1 <ul id="ul">ul 2 <li&gt...

dianyizhen4349的博客 158

事件冒泡、捕获以及event.target与event.currentTarget的区别

事件冒泡、事件捕获 如上图: 事件捕获:事件从最不精确的对象(document 对象)开始触发,然后到最精确(也可以在窗口级别捕获事件,不过必须由开发人员特别指定) 事件冒泡:事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。 addEventListener的第三个参数决定事件处理函数在冒泡还是捕获阶段执行,设置为true就在捕获过程中执行,反之就在冒泡过程...

Lerch_Wang的博客 808

13. event.target 和 event.currentTarget 区别

利用事件冒泡原理,将子元素的事件委托给父元素。表示触发事件的元素,即事件的最初发起者。该属性不会随着事件冒泡阶段而改变,始终指向触发事件的那个元素。表示当前正在执行事件处理函数的元素,即绑定事件监听器的那个元素。在事件传播过程中,该值保持不变。

weixin_64684095的博客 486

简单探讨event.target和event.currentTarget的区别

简单探讨event.target和event.currentTarget的区别 对于Dom对象的事件的认识,可能我们最熟悉的就是给一个按钮绑定一个点击事件,如果想要获取该按钮的一些事件属性,我们无疑会给回调函数传递一个event事件对象。在这个事件对象中,event.target和event.currentTarget同样都能获取该Dom对象,但是具体还是有一些不同。 1. 对比getElementsByTagName()、getElementById()、getElementsByClassName()获

你是我修复不了的bug,但我会用一生去维护 446
上一篇: jq实现tab切换
下一篇: Vue中message.split().reverse().join()函数用法
debugtoday
博客等级 码龄7年 10粉丝 25原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值