e.target 和 e.currentTarget 的区别

<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
</ul>

简单看上面的标签,单我们点击 <li>3</li> 时,触发事件 e, 这个时候

e.target = <li>3</li>
e.currentTarget= <li>3</li>

由于事件冒泡的特性,这个事件 e 是可用被 <ul> 捕获的,对于 <ul> 这个 e.target 指的依然是触发事件的 <li>3</li>,但是这个时候

e.target = <li>3</li>
e.currentTarget= <ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
</ul>

所以,e.currentTarget 指向捕获事件的对象; e.target 指向发生这个事件的对象

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容