jquery - 为封闭的 div 添加单独的点击事件

Question

我正在尝试添加 div 单击事件的操作，并且我将一个 div 包含在另一个中。我希望每个 div 的点击事件都不同。但是如果一个 div 包含在另一个 div 中，则内部 div 上的 click 事件会执行这两种操作，例如。我添加了一个小提琴和一个示例代码。我怎样才能为每个 div 单独执行单独的操作？

http://jsfiddle.net/Dk8vA/

$('#outerDiv').on("click",function(){
     alert("s");    
 });

$('#innerDiv').on("click",function(){
  alert("n");
});
 <div id='outerDiv'><div id='innerDiv'></div></div>

Answer 1

用于e.stopPropagation()防止事件冒泡到父级。

参考这里

这可以防止事件在 DOM 树中冒泡，防止任何父处理程序收到事件通知。通过添加 stopPropagation() 事件不会冒泡到其父级#outerDiv或进一步向上。

$('#innerDiv').on("click",function(e){
    e.stopPropagation();
alert("n");

});

演示

Answer 2

使用event.stopPropagation() 防止事件冒泡

见小提琴

$('#outerDiv').on("click",function(){
  alert("s");  
});

$('#innerDiv').on("click",function(e){
  alert("n");
  e.stopPropagation();    
});

Answer 3

使用e.StopPropagation()将是您的解决方案。

你可以参考

嵌套 div 上的 jQuery click()