下面图老师小编跟大家分享event.currentTarget和document.activeElement,一起来学习下过程究竟如何进行吧!喜欢就赶紧收藏起来哦~
【 tulaoshi.com - Web开发 】
firefox 的 event.currentTarget 和 ie 的 document.activeElement 这两个完全含义不一致的对象却被捆绑在一起做成了浏览器兼容代码。 大家在google搜索的时候 都会发现 document.activeElement || event.currentTarget 的用法。
其实这样的用法是错误的,因为这两个属性的意义都不一样。
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)event.currentTarget
Identifies the current target for the event, as the event traverses the DOM.
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)识别当前事件触发的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);
};
/scriptBR 案例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.tulaoshi.com/n/20160219/1611317.html
看过《event.currentTarget和document.activeElement》的人还看了以下文章 更多>>