javascript如何獲取事件目標物件
有時候需要獲得事件目標元素,不過同樣存在著事件相容性問題,下面簡單介紹一下如何實現相容。
先看一段程式碼例項:
[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一章節。
相關文章
- javascript如何獲取觸發事件的物件JavaScript事件物件
- 原生javascript如何獲取觸發事件的物件JavaScript事件物件
- JavaScript獲取head標籤物件JavaScript物件
- Vue事件獲取觸發事件物件和繫結事件物件Vue事件物件
- JavaScript如何獲取元素的標籤型別JavaScript型別
- 觸控事件獲取座標事件
- JavaScript獲取滑鼠座標JavaScript
- JavaScript 獲取滑鼠指標座標JavaScript指標
- javascript根據class獲取物件JavaScript物件
- spring aop獲取目標物件的方法物件(包括方法上的註解)Spring物件
- javascript相容各個瀏覽器的獲取事件源物件程式碼JavaScript瀏覽器事件物件
- JavaScript獲取元素標籤名JavaScript
- javascript如何獲取具有指定class屬性的元素物件JavaScript物件
- javascript如何獲取指定元素在陣列中的數目JavaScript陣列
- JavaScript 通過class獲取元素物件JavaScript物件
- JavaScript獲取物件資料型別JavaScript物件資料型別
- JavaScript獲取滑鼠指標座標詳解JavaScript指標
- JavaScript 獲取目錄絕對路徑JavaScript
- JavaScript 獲取滑鼠指標的座標JavaScript指標
- JavaScript獲取li元素的下標JavaScript
- JavaScript 事件物件JavaScript事件物件
- js獲取事件源物件程式碼例項JS事件物件
- javaScript事件(三)事件物件JavaScript事件物件
- javascript使用class獲取元素物件程式碼JavaScript物件
- 獲取javascript函式形參的數目JavaScript函式
- JavaScript-滑鼠獲取頁面座標JavaScript
- JavaScript獲取元素在文件中座標JavaScript
- JavaScript獲取滑鼠在文件中座標JavaScript
- javascript如何獲取屬性值JavaScript
- 通過JavaScript獲取標籤,修改標籤內容JavaScript
- JavaScript使用name屬性值獲取元素物件JavaScript物件
- 在spring中獲取代理物件代理的目標物件工具類Spring物件
- 如何建立和獲取正則物件?物件
- 如何使用jQuery獲取物件的尺寸jQuery物件
- 物件獲取原型物件物件原型
- JavaScript 事件捕獲JavaScript事件
- JavaScript 獲取指定標籤一級子元素JavaScript
- JavaScript 獲取div在頁面中座標JavaScript