[解決済み] インラインonclick属性でイベント伝搬を停止するには？

質問

次のように考えてください。

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

ユーザーがスパンをクリックしても div のクリックイベント

解決方法は？

使用方法 イベント.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>