当该元素被点击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