在點擊事件中使用通用選擇器（*）來選擇僅被點擊而不是父母

Question

我正在開發DOM檢查器書籤。我需要用戶能夠點擊頁面中的任何內容，因此我必須使用通用選擇器（*）將點擊事件附加到。但是，當通過此選擇器單擊某個項目時，我將返回選定的項目加上每個父項。我如何獲得所選項目，以便我可以使用該項目？

$(document).on("click", "*", function() { 
    alert(this); 
}); 

Answer 1

$(document).on("click", "*", function(event) { 
    event.stopPropagation(); 
}); 

jQuery的文檔：http://api.jquery.com/event.stopPropagation/

Answer 2

「我需要的用戶可以點擊頁面中的任何東西，所以我必須使用通用選擇器（*）以附加點擊事件「。

您不需要通用選擇器，事實上，您根本不需要第二個參數來指定選擇器。當文件接收click事件可確定事件開始使用這些元素event.target property：

$(document).on("click", function(event) { 
    // event.target is the element you care about 
    alert(event.target.id); // or whatever 
    ... 

});