event.currentTarget和document.activeElement用法
来源:互联网 发布:中山大学端口聚合实验 编辑:程序博客网 时间:2024/05/19 09:42
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 firefoxopera都提供了这个对象的支持。但是有点需要注意的,上面的例子中 opera 会把图片作为 可以 focus的对象。导致document.activeElement的结果不一致...
其实这样的用法是错误的,因为这两个属性的意义都不一样。
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 firefoxopera都提供了这个对象的支持。但是有点需要注意的,上面的例子中 opera 会把图片作为 可以 focus的对象。导致document.activeElement的结果不一致...
0 0
- event.currentTarget和document.activeElement用法
- Document.ActiveElement
- javascript event.target 和 event.currentTarget
- Event的target和currentTarget的区别
- Event.target和Event.currentTarget之间的区别
- AS3中Event的target和currentTarget的区别
- AS3中Event的target和currentTarget的区别
- AS3中Event的target和currentTarget的区别
- JavaScript中event对象中currentTarget和target的区别
- event对象中的target和currentTarget的区别
- event对象中 target和currentTarget 属性的区别
- event.target event.currentTarget this
- jquery Event target currentTarget区别
- as3 event.target与event.currentTarget
- event.currentTarget与event.target的不同
- AS3中Event的target和currentTarget的区别(事件处理的三个阶段)
- js target和currentTarget
- Event中target与currentTarget的区别
- ArcGIS获取一个省各个地区界内的河流的总长度
- WIX 学习(十九)
- tnsping 命令
- 多线程——实现Runnable接口
- 建造者模式
- event.currentTarget和document.activeElement用法
- APPARENT DEADLOCK!!! Creating emergency threads for unassigned pending tasks!
- 回车符(CR)与换行符(LF), '\r'和'\n'的区别
- Linux文件操作命令
- UDP 协议
- Hadoop添加节点datanode(生产环境)
- 【Java项目实战】——DRP之HTML总结
- 此生,有谁甘于落寞?
- 大文件上传Jquery 插件Uploadify-v2.1.4使用图解