阻止事件冒泡的方式主要有以下几种:
1. 阻止事件的冒泡,即停止事件在祖先元素中的进一步传播
event.stopPropagation()
2. 阻止事件的默认行为,例如阻止链接的默认跳转、阻止表单提交等
event.preventDefault()
3. 在事件处理函数中返回 false 可以同时阻止事件的冒泡和默认行为
4. 事件委托:将事件绑定在祖先元素上,通过判断事件源是否为目标元素来决定是否执行事件处理函数,从而避免在子元素上绑定事件。
以上方式只能阻止事件捕获和冒泡阶段的事件传播,无法阻止事件捕获之前的事件传播。