天天看点

vue中的target与currentTarget区别

<template>
  <transition name="slide">
    <div class="top_box" @click="topTop($event)" v-if="show" title="回到顶部">
      <i class="iconfont icon-huidaodingbu"></i>
    </div>
  </transition>
</template>
...
	methods: {
      toTop (event) {
        console.log(event.currentTarget)
        console.log(event.target)
      }
    }
...
           

  在vue中

event.currentTarget

始终是绑定事件的节点,而

event.target

指向的是被点击到的节点,如上,如果点击i标签,

event.currentTarget

是div,而

event.target

指向的是i标签。

继续阅读