e.target和e.currentTarget

Posted 一朵梨花压海棠 18802686535

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了e.target和e.currentTarget相关的知识,希望对你有一定的参考价值。

e.currentTarget : 其事件处理程序当前正在处理事件的那个元素 

e.target : 事件的目标 

一个简单的例子:

<div id="vv" style="background: #000;height:100px">
    <p style="background: orange;height: 50px">ddddd</p>
</div>
<script>
    var btn = document.getElementById(‘vv‘)
    btn.addEventListener(‘click‘,function (event) {
        console.log(this)
        console.log(event.target)
        console.log(event.currentTarget)
    })
</script>

点击p的时候 打印出来的是  div/p/div
点击div的时候 打印出来的是 div/div/div

 

以上是关于e.target和e.currentTarget的主要内容,如果未能解决你的问题,请参考以下文章

e.target与e.currentTarget的区别

e.target 和 e.currentTarget 之间的区别

小程序--e.target和e.currentTarget区别

小程序获取到的e.target与e.currentTarget区别

小程序中e.target与e.currentTarget区别详解

e.target与e.currentTarget的作用