美文网首页
target与currentTarget

target与currentTarget

作者: 小漠穷秋 | 来源:发表于2017-12-06 11:03 被阅读0次

target表示发生事件的元素,发生在目标阶段
currentTarget表示绑定事件的元素,发生在冒泡,目标,捕获阶段

案例:
<div id="outer" style="background:#099">
click outer
<p id="inner" style="background:#9C0">click inner</p>


</div>

<script type="text/javascript">  
function G(id){  
    return document.getElementById(id);      
}  
function addEvent(obj, ev, handler){  
    if(window.attachEvent){  
        obj.attachEvent("on" + ev, handler);  
    }else if(window.addEventListener){   
        obj.addEventListener(ev, handler, false);  
    }  
}  
function test(e){  
    alert("e.target.tagName : " + e.target.tagName + "\n e.currentTarget.tagName : " + e.currentTarget.tagName);  
}  
var outer = G("outer");  
var inner = G("inner");  
//addEvent(inner, "click", test);  
addEvent(outer, "click", test);  
</script>

同时注意,this和currentTarget的对象 永远保持一致。
事件流有三种阶段:捕获 目标 冒泡。需要判断每个阶段有哪些对象。

相关文章

  • JS常见面试问题

    target与currentTarget区别 target在事件流的目标阶段;currentTarget在事件流的...

  • target与currentTarget

    target表示发生事件的元素,发生在目标阶段currentTarget表示绑定事件的元素,发生在冒泡,目标,捕获...

  • DOM事件中target和currentTarget的区别

    target和currentTarget的概念: 1、target和currentTarget都是事件对象中的属性...

  • currentTarget target

    currentTarget总是指向事件绑定的元素,而 target是事件触发的元素

  • function(e){}之了解形参

    1.target和currentTarget 建议使用e.currentTarget,防止用户点错。

  • Js事件

    笔记 event.currentTarget和event.target的区别 currentTarget事件处理的...

  • target与currentTarget的区别

    这两天去面试的两个小伙伴都遇到了一个问题,面试官问到你用jQuery的时候有没有用过target和currentT...

  • target和currentTarget

    target和currentTarget target:触发事件的对象(实际被点击的元素)currentTarge...

  • target、currentTarget、srcElement

    简单总结如下: target触发事件的元素 currentTarget绑定事件的元素 srcElement触发事件...

  • target和currentTarget

    每一个点击事件都会有一个event对象,每一个event对象都有一个target和currentTarget属性,...

网友评论

      本文标题:target与currentTarget

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