在内部没有元素的可点击div

Question

我有一个代码：

<div class="one" onclick="alert(1)">
<div class="two" onclick="alert(2)"></div>
</div>

当我单击类为“ two”的div时，会收到两个警报。 但是我只需要一个。 我该怎么做？

请帮助

jsfiddle

Answer 1

在div'two'处理完事件后，stopPropagation将阻止事件冒泡

<div class="one" onclick="alert(1)">
<div class="two" onclick="event.stopPropagation();alert(2)"></div>
</div>

尽管嵌入HTML的JavaScript很丑陋，应避免