event.currentTarget和document.activeElement用法

firefox 的 event.currentTarget 和 ie 的 document.activeElement 这两个完全含义不一致的对象却被捆绑在一起做成了浏览器兼容代码。 大家在google搜索的时候 都会发现 document.activeElement || event.currentTarget 的用法。 
其实这样的用法是错误的,因为这两个属性的意义都不一样。  
event.currentTarget  
Identifies the current target for the event, as the event traverses the DOM. 
识别当前事件触发的dom 
document.activeElement  
Gets the object that has the focus when the parent document has focus. 
获得当前focus的对象 
例子  <script type="text/javascript"> 
var show = function (e) { 
alert(e.currentTarget?"获取到了 currentTarget":"获取到了 document.activeElement") 
alert((e.currentTarget || document.activeElement).tagName); 
}; 
</script><BR> 案例1: <br/><BR> <a href="#"><img src="http://www.google.cn/images/nav_logo3.png" border="0" alt="" οnclick="show(event)"/></a> <br/> <br/><BR> 案例2: <br/><BR> <a href="#" οnclick="show(event)"><img src="http://www.google.cn/images/nav_logo3.png" border="0" alt=""/></a> <br/><P></P> 
<P> 这两个案例,在ie和firefox下试验一下。</P> 
最后测试补充: 后来测试了一下 document.activeElement 的支持程度,发现四大浏览器safari除外, ie firefoxopera都提供了这个对象的支持。 但是 有点需要注意的,上面的例子中 opera 会把图片作为 可以 focus的对象。导致document.activeElement的结果不一致...
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值