event.target

最新推荐文章于 2025-11-02 12:24:53 发布

原创最新推荐文章于 2025-11-02 12:24:53 发布 · 165 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

GEO检测

收录于

当前文章被以下社区和专栏收录：

在前端开发中， event.target 是事件对象（ Event ）的一个属性，用于指向触发事件的原始DOM元素。它在事件冒泡过程中非常关键

- 定义：当事件被触发时， event.target 始终指向最初触发事件的元素，不受事件冒泡或捕获阶段的影响。

- 场景：常用于处理嵌套元素的事件时，区分具体是哪个元素触发了事件。

标签

#javascript #前端

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

咔咔咔索菲斯

关注关注

3
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

什么是 event.target ？

liuhao9999的博客

03-22

7085

简单来说，event.target是发生事件的元素或触发事件的元素。假设有如下的 HTML 结构： <divonclick="clickFunc(event)"style="text-align:center;margin:15px; border:1pxsolidred;border-radius:3px;"> <divstyle="margin:25px;border:1pxsolidroyalblue;border-radius:3px;">......

参与评论您还未登录，请先登录后发表或查看评论

event.target与event.currentTarget的区别

算法与编程之美

04-27

1210

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

EventTarget介绍

蘑菇炸了

06-09

2438

EventTarget是一个DOM接口,由可以接收事件并且可以创建侦听器的对象实现 Element,document,window是最常见的event target,但其他对象如XMLHttpRequest等构造函数创建一个新的EventTarget对象实例 class T extends EventTarget { constructor(name){ super() this._name = name } get name(){ return this._na.

【AHE数据集】历史/未来全球网格热排放数据 PF-AHF

最新发布

WW、forever的博客

11-02

106

AHE数据集

深入理解EventTarget中的属性event.stopPropagation()

zhengsr12345的博客

11-25

665

可以看到，事件捕获（设置capture属性为true）先于事件冒泡（capture默认是false）。很多人粗略地认为该属性只是阻止冒泡，实际上，正如其英文含义，它只是用来阻止事件传播，不管是事件冒泡阶段还是事件捕获阶段都可阻止进一步传播。综上，我们可得出结论，event.stopPropagation()既可阻止事件冒泡也可阻止事件捕获。我们会发现事件捕获在out这个div处就被截断，并且同时截断了事件冒泡的整个阶段。可以看到事件冒泡在in这个div处被截断，而事件捕获阶段不变。再次点击in这个div，

Eventtarget

jiaoqi6132的博客

02-24

536

EventTarget是一个由可以接收事件的对象实现的接口，并且可以为它们创建侦听器。 Element，document和window是最常见的事件目标，但是其他对象也可以是事件目标，比如XMLHttpRequest，AudioNode，AudioContext等等。许多事件目标（包括元素，文档和 window）还支持通过on...属性和属性设置事件处理程序。 1....

JavaScript个人总结-事件-EventTarget 接口

qq_31435455的博客

03-05

860

DOM 的事件操作（监听和触发），都定义在接口。所有节点对象都部署了这个接口，其他一些需要事件通信的浏览器内置对象（比如，AudioNode）也部署了这个接口。该接口主要提供三个实例方法。：绑定事件的监听函数：移除事件的监听函数：触发事件。

event.target常用属性

debugtoday的博客

04-23

936

event.target.className　　 //获取事件触发元素classname。event.target.nodeName 　　 //获取事件触发元素标签name。event.target.innerHTML　　 //获取事件触发元素的内容。event.target.id　　　　　　　//获取事件触发元素id。

JavaScript中的Event.target

qq_54334713的博客

04-26

8487

event.target 一般情况下我们获取目标事件源都是谁是调用者谁就是事件源，但是当有批量的DOM需要操作的时候，要判断哪一个dom是事件源就不是很明确了，使用e.target可以准确地获取事件源，并且在使用的过程中可以比较判断，从而实现我们的代码。举个例子：当做一个拖拽的案例的时候，有多个事件源，但是想要知道鼠标点击的是不是我们想要的事件源的时候（例如：其他区域和事件源进行判断），我们就可以使用e.target，比较获取的事件源的Id,classname，nodename... 白话就是：用

event.target与event.currentTarget的差异

WWEIZAI的博客

08-20

1538

event.target与event.currentTarget的差异

event.target 和 event.currentTarget 的区别

lee_slly的博客

10-28

6762

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 .

event.target的作用

HWL5679的博客

12-19

1005

当你点击一个按钮或者在输入框中输入文本时，event.target就会指向那个按钮或输入框。

前端|event.target与event.currentTarget的区别

算法与编程之美

09-26

940

欢迎点击「算法与编程之美」↑关注我们！本文首发于微信公众号："算法与编程之美"，欢迎关注，及时了解更多此系列文章。前言event.target事件和event.curre...

js中event.target

热门推荐

12-24

1万+

Javascript event.srcElement 感觉这个挺好，可以捕获当前事件作用的对象，如event.srcElement.tagName可以捕获活动标记名称。注意获取的标记都以大写表示，如"TD","TR","A"等。所以把看过的一些抄下来，不记得的时候再来看看。 function tdclick(){ if(event.srcElemen

event.target【转载】

weixin_34355715的博客

06-24

399

[转载] 1.this和event.target的区别：　js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远是直接接受事件的目标DOM元素； 2.this和event.target都是dom对象，如果要使用jquey中的方法可以将他们转换为jquery对象：$(this)和$(event.target); 比如：event.target和$(eve...

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

weixin_41796631的博客

04-13

8382

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

target ajax,jquery 关于event.target使用的几点说明介绍

weixin_26969269的博客

08-05

444

event.target说明：引发事件的DOM元素。this和event.target的区别js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远是直接接受事件的目标DOM元素；this和event.target的相同点this和event.target都是dom对象，如果要使用jquey中的方法可以将他们转换为jquery对象：$(this)和$(event....

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

你是我修复不了的bug，但我会用一生去维护

12-27

441

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

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

WDNMDDDD的博客

01-14

2190

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

plc-应用技术-课件项目3--任务2.pdf