$ .on（）在stopPropagation（）之后冒泡;

Question

我正在尝试使用.on()告诉我在区域内点击了什么。为了捕获我点击的确切元素，我正在调用event.stopPropagation()以防止它冒泡但我的输出始终是#containerDiv及其内容。

如何准确查看#containerDiv内点击的内容？代码段如下：

$("#containerDiv").on("click",function(event){
    event.stopPropagation();
    console.log($(this));
});

Answer 1

使用event.target，而不是$(this);后者将始终是分配处理程序的元素。

Answer 2

当您在容器上捕获事件时，事件已经冒泡。

Answer 3

尝试将on()方法设为selector：

$("#containerDiv").on("click", "*", function(event){
    event.stopPropagation();
    console.log($(this));
});

演示：http://jsfiddle.net/SnPjS/2/