event.currentTarget和document.activeElement

岁月如如歌7

岁月如如歌7

2016-02-19 16:12

下面图老师小编跟大家分享event.currentTarget和document.activeElement,一起来学习下过程究竟如何进行吧!喜欢就赶紧收藏起来哦~

firefox 的 event.currentTarget 和 ie 的 document.activeElement 这两个完全含义不一致的对象却被捆绑在一起做成了浏览器兼容代码。 大家在google搜索的时候 都会发现 document.activeElement || event.currentTarget 的用法。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

其实这样的用法是错误的,因为这两个属性的意义都不一样。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

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);  
 };  
  /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的结果不一致...

展开更多 50%)
分享

猜你喜欢

event.currentTarget和document.activeElement

Web开发
event.currentTarget和document.activeElement

event.currentTarget和document.activeElement用法

Web开发
event.currentTarget和document.activeElement用法

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

css教程:css和document

Web开发
css教程:css和document

document 和 document.all 分别什么时候用

Web开发
document 和 document.all 分别什么时候用

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

JavaScript的document和window对象详解

Web开发
JavaScript的document和window对象详解

js关于document和window对象

Web开发
js关于document和window对象

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

WPS行间距怎么设置?

WPS行间距怎么设置?

在Word2010页眉库中添加自定义页眉

在Word2010页眉库中添加自定义页眉
下拉加载更多内容 ↓