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

在容器上捕获事件时,事件已经冒泡.