js中鼠标点击后阻止之前的事件

Question

①将一个盒子设置了鼠标事件
②当点击该盒子时会阻止之前的鼠标事件
用了阻止冒泡和默认行为方法都没有成功，希望有贵人可以指点一下，问题可能比较简单～：）

Answer 1

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

2、event.stopPropagation()
立即停止事件在 DOM 层次中的传播，即阻止事件冒泡。但是，并不阻止默认行为。

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