JavaScript target 和 currentTarget 区别

target(IE下为scrElement):在W3cschool中解释为:返回触发此事件的元素,(事件的目标节点),意思就是说是哪个HTML元素触发了这个事件。

currentTarget:在W3cschool中解释为:返回其事件监听器触发该事件的元素,意思是当前事件发生在哪个元素

<script>
        function doSomething(e) {
            if (!e) e = window.event;
            alert(e.currentTarget.id);
        }
        window.onload = function(e) {
            if (!e) e = window.event;
            var test1 = document.getElementById("test1");
            var test2 = document.getElementById("test2");
            test1.addEventListener("click", doSomething, false);
            test2.addEventListener("click", doSomething, false);
        }
    </script>

    <div id="test1">
        <p id="test2">This is a test!</p>
    </div>
当用户点击元素p的时候 doSomething()会被执行两次,但是你怎么知道当前是哪个元素在处理点击事件,target/srcElement都指向元素p,而currentTarget会指向当前处理事件的元素,所以先

 然后再:

 currentTarget指向了当前执行事件的元素。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值