在点击事件中使用通用选择器（*）来选择仅被点击而不是父母

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 
    ... 

});