国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

event.currentTarget和document.activeElement用法

2024-07-11 08:21:25
字體:
來源:轉載
供稿:網友

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 firefox opera都提供了這個對象的支持。但是有點需要注意的,上面的例子中 opera 會把圖片作為 可以 focus的對象。導致document.activeelement的結果不一致...

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 全南县| 灵寿县| 古交市| 翁源县| 峨边| 烟台市| 齐河县| 江达县| 朝阳县| 新绛县| 沈丘县| 眉山市| 拜城县| 岳池县| 庐江县| 明光市| 建阳市| 梁山县| 长海县| 宁远县| 余江县| 三江| 隆子县| 新晃| 洪湖市| 辽中县| 荣成市| 梁山县| 仙居县| 那坡县| 洛川县| 盖州市| 中卫市| 江达县| 牟定县| 恩平市| 荔浦县| 富平县| 蒲城县| 高清| 屏东市|