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中的某个元素。

Logo

前往低代码交流专区

更多推荐