DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS進階教程 >> event.currentTarget和document.activeElement用法
event.currentTarget和document.activeElement用法
編輯:CSS進階教程     

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的結果不一致...

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved