您现在的位置是：网站首页> 编程资料编程资料
event.currentTarget和document.activeElement用法_CSS教程_CSS_网页制作_
2021-09-10
1055人已围观
简介 firefox 的 event.currentTarget 和 ie 的 document.activeElement 这两个完全含义不一致的对象却被捆绑在一起做成了浏览器兼容代码。 大家在google搜索的时候 都会发现 document.activeElement || event.currentTarget 的用法。 其实这样的用法是错误的，因为这两个属性
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的对象
例子
案例1:
案例2:
这两个案例,在ie和firefox下试验一下。
最后测试补充：后来测试了一下 document.activeElement 的支持程度，发现四大浏览器safari除外, ie firefoxopera都提供了这个对象的支持。但是有点需要注意的，上面的例子中 opera 会把图片作为 可以 focus的对象。导致document.activeElement的结果不一致...
相关内容
- CSS设计网站导航菜单的优势_CSS教程_CSS_网页制作_
- CSS样式表优化更整洁而简短_CSS教程_CSS_网页制作_
- xhtml css网页制作中问题解决的方式_CSS教程_CSS_网页制作_
- div css与xhtml css是什么意思?_Div+CSS教程_CSS_网页制作_
- CSS网页布局:网页页面结构化_CSS布局实例_CSS_网页制作_
- SPAN和DIV,Class与ID的区别汇总_Div+CSS教程_CSS_网页制作_
- CSS教程：网页颜色的几种表示_CSS教程_CSS_网页制作_
- 网页CSS背景图片使用的测试结果_CSS教程_CSS_网页制作_
- css教程:可读性可维护性良好的CSS文件_CSS教程_CSS_网页制作_
- 帮助你好好学习CSS的“边”和“内容”_CSS教程_CSS_网页制作_
