vue中target和eventTarget的区别
event.target始终指向事件发生时的元素,而event.currentTarget指向事件所绑定的元素。例如:<div @click="openPlays"><i>aaa</i>内容元素</div>当点击div时候触发openPlays,并往openPlays中传入当前对象openPlays(e){console.log(...
·
event.target始终指向事件发生时的元素,而event.currentTarget指向事件所绑定的元素。
例如:
<div @click="openPlays">
<i>aaa</i>
内容元素</div>
当点击div时候触发openPlays,并往openPlays中传入当前对象
openPlays(e){
console.log(e.target,e.currentTarget)
}
因为没有点击到其他的元素,所以二者获取到的对象是一样的。
总结:使用currentTarget时候,不管你点击的是div还是div中的任何元素,获取到的对象都是绑定事件的div;当使用target时候,点击到div元素则传入div元素,如果点击到div里面的某个元素,则传入div中的某个元素。
更多推荐
已为社区贡献7条内容
所有评论(0)