JavaScript中的Event.target

明月落乌江

已于 2022-10-15 17:24:58 修改

阅读量6.4k

 收藏 16

点赞数 7

分类专栏： JavaScript 文章标签： javascript

版权

JavaScript

专栏收录该内容

12 篇文章0 订阅

订阅专栏

event.target

一般情况下我们获取目标事件源都是谁是调用者谁就是事件源，但是当有批量的DOM需要操作的时候，要判断哪一个dom是事件源就不是很明确了，使用e.target可以准确地获取事件源，并且在使用的过程中可以比较判断，从而实现我们的代码。

举个例子：当做一个拖拽的案例的时候，有多个事件源，但是想要知道鼠标点击的是不是我们想要的事件源的时候（例如：其他区域和事件源进行判断），我们就可以使用e.target，比较获取的事件源的Id,classname，nodename...

白话就是：用户的鼠标点击在那个标签上 e.target 就来自哪里

event.target： 指的是真正触发事件的那个元素

event.target.nodeName 　　 //获取事件触发元素标签name 

event.target.id　　　　　　 //获取事件触发元素id 

event.target.className　　 //获取事件触发元素classname 

event.target.innerHTML　　 //获取事件触发元素的内容

拓展

event.currentTarget : 指的是绑定了事件监听的元素（可以理解为触发事件元素的父级元素）

白话就是：用户的鼠标不管点击在哪个标签上 e.currentTarget始终是在所绑定的标签事件发出

后记

个人学习笔记，内容来自网络。

————————————————

                            版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

原文链接：https://blog.csdn.net/qq_54334713/article/details/124437335