上一篇
下一篇
currentTarget和activeElement的误区
作者:puterjam 日期:2008-09-17
firefox 的 event.currentTarget 和 ie 的 document.activeElement 这两个完全含义不一致的对象却被捆绑在一起做成了浏览器兼容代码。 大家在google搜索的时候 都会发现 document.activeElement || event.currentTarget 的用法。
其实这样的用法是错误的，因为这两个属性的意义都不一样。
Identifies the current target for the event, as the event traverses the DOM.
识别当前事件触发的dom
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="" onclick="show(event)"/></a> <br/> <br/><BR> 案例2: <br/><BR> <a href="#" onclick="show(event)"><img src="http://www.google.cn/images/nav_logo3.png" border="0" alt=""/></a> <br/><P></P>
<P> 这两个案例,在ie和firefox下试验一下。</P>
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="" onclick="show(event)"/></a> <br/> <br/><BR> 案例2: <br/><BR> <a href="#" onclick="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 firefox opera都提供了这个对象的支持。但是有点需要注意的，上面的例子中 opera 会把图片作为 可以 focus的对象。导致document.activeElement的结果不一致...
文章来自: 
引用通告: 
Tags: 评论: 11 | 引用: 0 | 查看次数: -
回复
景贤网络[2008-10-07 11:35 AM | 
]http://www.shgx88.cn
什么时候浏览器不需要所谓的兼容能够使用统一的标准。
http://www.howareu.cn/
http://www.howareu.cn/
挺复杂的
江南轩榭--My blog[
江南轩榭--My blog[
学习下！
www.84856.cn
www.84856.cn
倒是IE8都返回 A
ps我是菜鸟，纯跟着测试一下而已
ps我是菜鸟，纯跟着测试一下而已
opera 9.6 一致啊
puterjam 于 2008-09-18 04:04 PM 回复
puterjam 于 2008-09-18 04:04 PM 回复9.5 不是这样的，也许9.6修复了,但是safari还没有找到替代的方法。
发表评论