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

  • Z时代
  • 2024-01-10
  • 分类：问答

考虑以下：

<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事件？

回答：

使用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>

以上是 JavaScript如何使用内联onclick属性停止事件传播？ 的全部内容， 来源链接： utcz.com/qa/406798.html

回到顶部