當該元素被點擊e.target.id跟蹤有時是空

Question

我想測試下面的JavaScript代碼，其目的是要跟蹤的用戶響應時間安排上的選擇題調查：

document.onclick = function(e) { 

    var event = e || window.event;  
    var target = e.target || e.srcElement; 

    //time tracking 
    var ClickTrackDate = new Date; 
    var ClickData = ""; 
    ClickData = target.id + "=" + ClickTrackDate.getUTCHours() + ":" + 
     ClickTrackDate.getUTCMinutes() + ":" + 
     ClickTrackDate.getUTCSeconds() +";"; 

    document.getElementById("txtTest").value += ClickData; 
    alert(target.id); // for testing 
} 

通常target.id等於被點擊的元素的id，就像你期望的那樣，但是有時候target.id是空的，看似隨意，有什麼想法？

Answer 1

可能是因爲被點擊的元素沒有ID。

<div id="example">This is some <b>example</b> text.</div> 

，並有人點擊粗體字「榜樣」，使該事件的目標將是b元素，而不是div：如果你有HTML這樣會發生這種情況，例如。

你可以試着走了DOM樹，直到找到確實有一個ID，像這樣的元素：

var target = e.target || e.srcElement; 

while (target && !target.id) { 
    target = target.parentNode; 
} 
// at this point target either has an ID or is null