捕获当前事件作用的对象event.target和event.srcElement

Posted 晴晴加油

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了捕获当前事件作用的对象event.target和event.srcElement相关的知识,希望对你有一定的参考价值。

语法:

//返回事件的目标节点(触发该事件的节点)。
event.target    //FF,Chrome

event.srcElement //IE

栗子:

var oDiv=document.getElementById("div1");
oDiv.onclick=function (ev) {
    var oEvent=ev||event;
    
    //oEvent.target ie7以下不兼容
    if (oEvent.target) {  
        console.log(oEvent.target.id+\',\'+oEvent.target.tagName);
    } else{
        //oEvent.srcElement 只有FF不兼容
        console.log(oEvent.srcElement.id+\',\'+oEvent.srcElement.tagName);
    }
}

测试结果:

 

以上是关于捕获当前事件作用的对象event.target和event.srcElement的主要内容,如果未能解决你的问题,请参考以下文章

JS轻松获取对象之srcElement与target篇

event flow

捕获和冒泡阶段是不是到达 event.target 节点?

事件对象的使用属性和方法

js中如何通过单击事件获取当前对象,并传递

jQuery事件对象