onclick阻止冒泡
在onclick事件中使用event.stopPropagation()可以阻止事件冒泡。事件冒泡是指事件从最内层元素开始触发,然后逐级向上冒泡传递到父元素。通过调用event.stopPropagation(),可以阻止事件继续向上层元素传递,从而阻止冒泡。示例代码如下:
<div onclick="event.stopPropagation()">
<button onclick="alert('Button clicked')">Click me</button>
</div>
在上面的例子中,当点击按钮时,点击事件会触发按钮的onclick事件处理程序,同时也会触发包裹按钮的div元素的onclick事件处理程序。但是,通过在div元素的onclick事件处理程序中调用event.stopPropagation(),可以阻止事件继续向上层元素传递,从而只触发按钮的onclick事件处理程序,而不触发div元素的onclick事件处理程序。
原文地址: https://www.cveoy.top/t/topic/i6uF 著作权归作者所有。请勿转载和采集!