如何使用内联onclick属性停止事件传播？

小编典典

如何使用内联onclick属性停止事件传播？

html

考虑以下：

<div onclick="alert('you clicked the header')" class="header">
  <span onclick="alert('you clicked inside the header');">something inside the header</span>
</div>

如何做到这一点，以便当用户单击范围时不会触发div的click事件？

阅读 427

2020-05-10

共1个答案

小编典典

使用event.stopPropagation（）。

<span onclick="event.stopPropagation(); alert('you clicked inside the header');">something inside the header</span>

对于IE： window.event.cancelBubble = true

<span onclick="window.event.cancelBubble = true; alert('you clicked inside the header');">something inside the header</span>

2020-05-10