vue事件中点击对象(this)

vue事件中点击对象(this),currentTarget 和 target的区别

区别如下

  • target指向,事件最终所作用于的对象
  • currentTarget指向,事件定义时所在的对象

例子如下

<template>
    <div id="this_api">
         <p class="welcome" @click="tap"><i>hellow world!</i></p>
    </div>
</template>

<script>
    export default {
       methods:{
         tap(e){
           let that = e.target
           console.log('target指向,事件最终所作用于的对象')
           console.log(that)        //作用于  i
           that.style.fontWeight = 'bold'

           let current_that = e.currentTarget
           console.log('currentTarget指向,事件定义时所在的对象')
           console.log(current_that)   ////作用于 p

           alert('请查看控制台')
         }
       }

    }
</script>

展开阅读全文

没有更多推荐了,返回首页