JavaScript事件对象event.target与this的区别代码效果图结论 evevt.target返回的是

代码

<body>
    <ul>
        <li>abc</li>
    </ul>
    <script>
        var ul = document.querySelector('ul')
        ul.addEventListener('click', function(event) {
            console.log(this)
            console.log(event.target)
        })
    </script>
</body>

效果图

动画.gif

结论

this返回的是绑定事件的对象（元素），即ul
evevt.target返回的是触发事件的对象（元素），上述效果图中，触发点击事件的元素是li

欢迎关注

掘金：juejin.cn/user/415657…

Github：github.com/zhubingran

CSDN：blog.csdn.net/qq_43118757

QQ：1330022055