target 和 currentTarget的区别是什么呀? 用currentTarget可以吗

Answer 1

沁尘 2022-04-19 01:28:57

target指的是事件触发的元素；currentTarget指的是事件绑定的元素。

假设场景：页面上有父、子两个元素，在父元素上绑定了一个点击事件监听。

如果事件是由所绑定的元素触发的，这两个属性的内容是一样的。比如点击父元素，那么这时候 target 和 currentTarget 都是指向父元素。

什么时候会不一样？就是发生“事件冒泡”的时候，比如实际点击的是子元素。子元素的点击事件会冒泡到父元素，接着父元素上的点击事件监听会捕获到，这里的 target 和 currentTarget 就会不一样，currentTarget 会指向父元素，target 会指向子元素。

实际开发中用哪个没有什么说法，这个取决于你想实现的功能，搞清楚这里面分别的指向别用错了就行。

• 提问者 weixin_慕工程044667 #1

  非常感谢！