HTML可防止内部div上的click事件

Question

我尝试使用HTML的事件监听器：

<div style="width: 200px;height: 200px" id="outerDiv" onClick="alert(1)">
    <div id="innerDiv" style="width: 200px;height: 200px">no click</div>
</div>

如何点击div（id = innerDiv）并不警告1？我想要它，这样只点击外部div就会发出警报。

Answer 1

您可以在true上阻止这样的传播，因此它只会针对innerDiv触发：

outerDiv

另见How to stop event propagation with inline onclick attribute?