javascript如何獲取事件目標物件

admin發表於2017-03-08

有時候需要獲得事件目標元素,不過同樣存在著事件相容性問題,下面簡單介紹一下如何實現相容。

先看一段程式碼例項:

[JavaScript] 純文字檢視 複製程式碼
window.onload=function(){
  var odiv=document.getElementById("timer");
  odiv.onclick=function(ev){
    ev=ev||window.event;
    var target=ev.target||ev.srcElement; 
    odiv.innerHTML=target.id;
  }
}

以上程式碼能夠將事件目標元素的id屬性值寫入id屬性值為timer的物件。程式碼解析:

標準瀏覽器獲得目標元素需要使用target屬性,而IE8和IE8以下瀏覽器需要使用srcElement,所以需要進行相容性處理:

[JavaScript] 純文字檢視 複製程式碼
var target=ev.target||ev.srcElement

關於target屬性可以參閱javascript target一章節。

相關文章