JavaScript中的Event.target

  • Post author:
  • Post category:java

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

后记

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


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