使用内联 Onclick 属性防止事件传播
考虑以下 HTML 代码：
<div onclick="alert('you clicked the header')">在此场景中，当用户点击span元素时，span的点击事件和div的点击事件都会发生触发。这称为事件传播。
为了防止在用户单击范围时触发 div 的单击事件，可以采用内联事件传播技术：
stopPropagation 方法：
最广泛支持的方法是在 span 的 onclick 属性中使用 event.stopPropagation() 方法。下面是实现它的方法：
<span onclick="event.stopPropagation(); alert('you clicked inside the header');">something inside the header</span>通过调用 stopPropagation()，点击事件的传播在 span 元素处停止，防止它到达父 div。
IE 兼容性：
对于 Internet Explorer，可以使用以下替代方案使用：
<span onclick="window.event.cancelBubble = true; alert('you clicked inside the header');">something inside the header</span>此代码实现与 stopPropagation() 相同的结果，但专门为 IE 浏览器量身定制。
以上是如何防止 JavaScript 中的事件传播？的详细内容。更多信息请关注PHP中文网其他相关文章！
