您的位置:首页 > 其它

Event.target

2015-06-09 16:01 330 查看

概述

指向触发事件的对象。与
event.currentTarget
不同。

语法

var theTarget = event.target
[/code]

示例

event.target
属性在实现事件代理时会被用到。
// 假定一个 list 变量为 ul 元素
function hide(e) {
// 点击列表项目(li)区域,e.target 与 e.currentTarget 不同
e.target.style.visibility = 'hidden';
}

list.addEventListener('click', hide, false);

// If some element (<li> element or a link within an <li> element for instance) is clicked, it will disappear.
// It only requires a single listener to do that
  

浏览器兼容性

在 IE6-8 中,事件模型与标准不同。使用非标准的
element.attachEvent()
方法绑定时间监听器。在该模型中,事件对象有一个
srcElement
属性,等价于
target
属性。
function hide(e) {
// 支持 IE6-8
var target = e.target || e.srcElement;
target.style.visibility = 'hidden';
}
  

规范

DOM Level 2 Events: Event.target

相关链接

Comparison of Event Targets
Event.currentTarget

                                            
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: