event.currentTarget和document.activeElement用法

2021-01-20 17:09 jianzhan

firefox 的 event.currentTarget 和 ie 的 document.activeElement 这两个彻底含意不1致的目标却被捆缚在1起做变成访问器适配编码。 大伙儿在google检索的情况下 都会发现 document.activeElement || event.currentTarget 的用法。
实际上这样的用法是不正确的,由于这两个特性的实际意义都不1样。
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下实验1下。</P>
最终检测填补:后来检测了1下 document.activeElement 的适用水平,发现4大访问器safari以外, ie firefoxopera都出示了这个目标的适用。可是有点必须留意的,上面的事例中 opera 会把照片做为 能够 focus的目标。致使document.activeElement的結果不1致...