javascript - 如何使用内联onclick属性停止事件传播？(How to stop event propagation with inline onclick attribute?)

Question

Consider the following:(考虑以下：)

<div onclick="alert('you clicked the header')" class="header"> <span onclick="alert('you clicked inside the header');">something inside the header</span> </div> How can I make it so that when the user clicks the span, it does not fire the div 's click event?(我怎样才能使它在用户单击跨度时不会触发div的click事件？)   ask by Sam translate from so

Answer 1

Use event.stopPropagation() .(使用event.stopPropagation（） 。)

<span onclick="event.stopPropagation(); alert('you clicked inside the header');">something inside the header</span> For IE: window.event.cancelBubble = true(对于IE： window.event.cancelBubble = true) <span onclick="window.event.cancelBubble = true; alert('you clicked inside the header');">something inside the header</span>