可点击的div，里面没有元素

Question

我有一个代码：

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

当我点击“2”类的div时，我收到两个警报。但我只需要一个。我该怎么办？

请帮助

jsfiddle

Answer 1

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

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

虽然HTML中嵌入的javascript很难看，应该避免使用