target和currentTarget区别

概括

<div @click = “clickfun($event)”> <span>点击<span> </div>   // ($event) 也可省略不写

methods: {
    clickfun(e) {
      console.log(e.target)    //指向触发监听事件的对象,即是你当前所点击的元素。(意思是div及其内部的元素,点击哪个就会获取哪个,比如点击div内部的span,获取的就是span元素)
      console.log(e.currentTarget)    //指向添加监听事件的独享,即是你所绑定事件的元素。(意思是只要点击div或其内部元素,如就算点击div内部的span,获取的只会是绑定了clickfun事件的div元素)
    }
  },

详细解析

https://juejin.cn/post/6844904047913205767

posted @ 2022-06-17 16:37  huihuihero  阅读(3)  评论(0)    收藏  举报