美文网首页
e.target 和 e.currentTarget 的区别

e.target 和 e.currentTarget 的区别

作者: LenHong | 来源:发表于2019-11-15 15:34 被阅读0次
    <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 指向发生这个事件的对象

    相关文章

      网友评论

          本文标题:e.target 和 e.currentTarget 的区别

          本文链接:https://www.haomeiwen.com/subject/dylsictx.html