HTML阻止内部div上的单击事件

我尝试将事件侦听器与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会发出警报。

您可以防止在

innerDiv

上这样的传播，因此它只会为

外部div

触发：

 onClick="event.stopPropagation()"

---

另请参见

考虑添加“css”和“javascript”标记。我相信OP只希望将

outerDiv

添加到

alert（1）

，而不是

innerDiv

，我认为应该将

onClick=“alert（1）”

放在

outerDiv

和

onClick=“event.stopPropagation（）上
innerDiv
上的

将这样做。我相信会这样做，但您的措辞表明它不会为

outerDiv

开火，但这是OP想要的，但我认为措辞并非如此。