js 阻止事件执行

Posted 2020-10-30 暖爱

三种阻止事件执行的方式

1. event.preventDefault()
2. event.stopPropagation()
3. return false

• event.preventDefault() 阻止特定事件的默认行为（只有 cancelable 设置为 true 的事件才可以使用），比如：点击 type="submit" 的 input 标签提交表单，你在 onclick 事件处理中调用 event.preventDefault()方法， 那么在点击 submit 后就不会自动提交表单了。但是并不阻止事件冒泡。
• event.stopPropagation() 立即停止事件在 DOM 层次中的传播，即阻止事件冒泡。但是，并不阻止默认行为。
• return false 之后的所有相关的触发事件和动作都不会被执行。阻止事件继续传播，事件冒泡和默认行为都被阻止。

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