e.currentTarget与e.target

匿名 (未验证) 提交于 2019-12-02 21:53:52
e.currentTarget指的是注册了事件监听器的对象,而e.target指的是该对象里的子对象
html中
<div id="addBtn" v-on:click="checksBtn($event)" class="everyMes curs checkeds" title="查询">
  <Icon class="iconCommon" style="color:#80848f;" type="search"></Icon><span>查询</span> <span class="triangle"></span><Icon class="imgIcon" type="checkmark-round"></Icon>
</div>
css代码:
.checkeds{
  border:1px solid #2d8cf0 !important;
}
js代码:
当用e.currentTarget时
 
methods: {
  checksBtn:function(e){
    e.currentTarget.classList.toggle("checkeds");
  }
}
效果:
  

当用e.target时
methods: {
  checksBtn:function(e){
    e.target.classList.toggle("checkeds");
  }
}

总结:结合事件捕获和事件冒泡,e.currentTarget指的是注册了事件监听器的对象,而e.target指的是该对象里的子对象

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!