event.currentTarget和document.activeElement用法
作者 佚名技术
来源 CSS技术
浏览
发布时间 2012-03-04
|
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="" 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的结果不一致... |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
上一篇: CSS3属性选择符介绍下一篇: 网页制作与CSS的UTF-8和GB2312编码问题
关于event.currentTarget和document.activeElement用法的所有评论
