event.currentTarget和document.activeElement用法

大太阳forever

大太阳forever

2016-02-19 23:36

关注图老师设计创意栏目可以让大家能更好的了解电脑,知道有关于电脑的更多有趣教程,今天给大家分享event.currentTarget和document.activeElement用法教程,希望对大家能有一点小小的帮助。

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

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

 

Identifies the current target for the event, as the event traverses the DOM.

识别当前事件触发的dom

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

Gets the object that has the focus when the parent document has focus.

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

获得当前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主宰符文怎么配

document.createElement()用法及注意事项

Web开发
document.createElement()用法及注意事项

css教程:css和document

Web开发
css教程:css和document

lol偷钱流符文搭配推荐

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

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

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

JavaScript的document和window对象详解

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

lolAD刺客新符文搭配推荐

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

SPAN和DIV,Class与ID的区别汇总

SPAN和DIV,Class与ID的区别汇总

CSS制作政府公文的代码

CSS制作政府公文的代码
下拉加载更多内容 ↓