JavaScript中的Event.target

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始终是在所绑定的标签事件发出

后记

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