这是我的DOM:
<div class="a">
<div class="b">b</div>
<div class="c">c</div>
</div>
JS:
$('div.a').on('click',function(){
// ....add a div append to div.a
});
$('div.b').on('click',function(){
//....edit the content of element
});
单击
div.a
将在div
内添加另一个div.a
(d,e,f等)。单击内部的div.b
,div.c
或其他div
将编辑div.b
的内容。我该如何实现?如果单击
div.b
,它将加载div.a
事件,而不是div.b
事件。 最佳答案
您需要使用event.stopPropagation:
$('div.b').on('click',function(e){
e.stopPropagation();
//...
});
防止事件使DOM树冒泡,从而防止任何父处理程序收到该事件的通知。