javascript - 在 btn 上运行 javascript，但不在容器上运行

Question

我有这个: http://jsfiddle.net/G3VjC/

这很简单:

$(document).ready(function() {

$(document).on('click','#btn',function(){
    console.log('ran btn');
});
$(document).on('click','#containerdiv',function(){
    console.log('ran div');
});

});

但是当单击按钮时，会运行 btn JS 和容器 JS(请参阅控制台日志)。

如何将它们分开？

谢谢

Answer 1

使用stopPropagation()

$(document).on('click','.meee',function(e){ // add event as argument
    console.log('ran btn');
    e.stopPropagation()
});