三种阻止事件执行的方式

• event.preventDefault()
• event.stopPropagation()
• return false

1、event.preventDefault()

阻止特定事件的默认行为（只有 cancelable 设置为 true 的事件才可以使用），比如：点击 type=“submit” 的 input 标签提交表单，你在 onclick 事件处理中调用 event.preventDefault()方法， 那么在点击 submit 后就不会自动提交表单了。但是并不阻止事件冒泡。

2、event.stopPropagation()

立即停止事件在 DOM 层次中的传播，即阻止事件冒泡。但是，并不阻止默认行为。

3、return false

之后的所有相关的触发事件和动作都不会被执行。阻止事件继续传播，事件冒泡和默认行为都被阻止。

作者：春末的风
链接：https://www.zhihu.com/question/19867421/answer/230336827
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。