currenttarget

currenttarget是什么呢，用法是什么

Victor19950925 2019-06-27

源自：实战：详情页与购物车开发 1-5 详情页-右侧数据渲染（2）

收起

2回答

好帮手慕糖 2019-09-30 10:15:29

同学你好，1、target始终指向触发该事件的元素；而currentTarget则指向当前事件处理函数绑定的元素。

2、当前我们这个例子不能特别明显的区分，我们可以将事件设置给body，点击里面的元素的时候，由于冒泡，也会触发body绑定的这个点击事件，但是两个输出的结果是不同的哦。例：

然后点击p的时候，currentTarget得到的是绑定点击事件的元素body。

而target指向触发事件的远p，可以测试下哦。

希望能帮助到你，祝学习愉快！

收起回答

好帮手慕糖 2019-06-28 10:33:31

同学你好，event.currentTarget 属性是在事件冒泡阶段内的当前 DOM 元素，通常等于 this。可以参考如下例子理解下哦，例：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
    </script>
    <script>
    $(document).ready(function() {
        $("h1,h2,p").click(function(event) {
            console.log(event.currentTarget);
        });
    });
    </script>
</head>
<body>
    <h1>标题 1</h1>
    <h2>标题 2</h2>
    <p>点击每一个 HTML 元素。</p>
</body>
</html>