捕获当前事件作用的对象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);
    }
}

测试结果:

时间: 2024-10-26 20:04:50

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

event.target和event.currentTarget的区别

target:触发事件的元素.currentTarget:事件绑定的元素.两者在没有冒泡的情况下,是一样的值,但在用了事件委托的情况下,就不一样了,例如: <ul id="ulT"> <li class="item1">fsda</li> <li class="item2">ewre</li> <li class="item3">qewe</li&g

Javascript中event.srcElement和event.target的区别

event.srcElement 可以捕获当前事件作用的对象,如event.srcElement.tagName可以捕获活动标记名称.注意获取的标记都以大写表示,如"TD","TR","A"等.所以把看过的一些抄下来,不记得的时候再来看看. <script type="text/javascript">    function tdclick(){        if(event.srcElement.tagNam

e.target 和 e.srcElement 的使用问题

ie 下的event.srcElement从字面上可以看出来有以下关键字:事件.源(它的意思就是:当前事件的源), 我们可以调用他的各种属性就像:document.getElementById("")这样的功能, event.srcElement 可以捕获当前事件作用的对象, 如event.srcElement.tagName可以捕获活动标记名称. firefox 下的 event.target = IE 下的 event.srcElement 这是一种规范,ie下支持e.srcEle

window.event.srcElement与window.event.target 触发事件的元素 触发事件对象的获取(非常重要)

判断事件触发的元素:     var tag = window.event.target || window.event.srcElement;    if (tag.tagName.toLowerCase() == "input") {        return;    } window.event.srcElement与window.event.target 都是指向触发事件的元素,它是什么就有什么样的属性 srcElement是事件初始化目标html元素对象引用,因为事件通过元

jQuery 事件注册和绑定及this与event.target的区别浅析

最近小码哥,在研究学习nodejs以及相关框架webpack.express.reactjs等等,为了将来,为了RMB,小码哥牢记自我充电,以备不时之需. 在学习reactjs的时候,在前辈ruanyifeng的博文里看到了一个以前没怎么注意的知识点.是与this和event.target之间的区别有关的.当时感觉就蒙了,发现event.target貌似印象不深啊,,瞬间小码哥开启了奔跑模式,,, 各种baidu,各种Chrome biying等等,发现区分不难,就是比较细致.不细分析,有点晕!

event.srcElement与event.target的区别

window.event.srcElement与window.event.target 都是指向触发事件的元素,它是什么就有什么样的属性 srcElement是事件初始化目标html元素对象引用,因为事件通过元素层次冒泡,可以在任意一层进行处理, 有了元素的引用,就可以读写改元素的属性. IE浏览器支持window.event.srcElement , 而firefox支持window.event.target: event.srcElement从字面上可以看出来有以下关键字:事件,源 他的意思

jquery中使用event.target的几点说明 (转自http://blog.csdn.net/zm2714/article/details/8119642)

jquery中使用event.target的几点说明 event.target 说明:引发事件的DOM元素. this和event.target的区别 js中事件是会冒泡的,所以this是可以变化的,但event.target不会变化,它永远是直接接受事件的目标DOM元素: this和event.target的相同点 this和event.target都是dom对象,如果要使用jquey中的方法可以将他们转换为jquery对象:$(this)和$(event.target); 这使我想起了以前写

[转]jquery中使用event.target的几点

转自: http://www.cnblogs.com/12go/archive/2011/12/28/2304502.html 1.this和event.target的区别: js中事件是会冒泡的,所以this是可以变化的,但event.target不会变化,它永远是直接接受事件的目标DOM元素: 2.this和event.target都是dom对象,如果要使用jquey中的方法可以将他们转换为jquery对象:$(this)和$(event.target); 比如:event.target和$

Event.target

概述 指向触发事件的对象.与 event.currentTarget 不同. 语法 var theTarget = event.target 示例 event.target 属性在实现事件代理时会被用到. // 假定一个 list 变量为 ul 元素 function hide(e) { // 点击列表项目(li)区域,e.target 与 e.currentTarget 不同 e.target.style.visibility = 'hidden'; } list.addEventListen