javaScript中阻止事件默认行为的那些事儿~

什么是默认行为

所谓默认行为，一般是指 HTML 元素所自带的行为。例如点击一个 a 元素表示的是跳转：

<a href="https://www.baidu.com">百度一下</a>

在上面的代码中，设置了 a 元素的 href 属性指向百度，当用户点击该 a 元素时，就会跳转至百度。

在例如：

<form action=""></form>

上面的代码中我们书写了一个 form 元素，该元素有一个 action 属性，指的是表单内容要提交的地址。而当用户点击表单元素中嵌套的提交按钮时，就会进行一个默认的提交操作。

这些，就是 HTML 元素中的默认行为。

但是有些时候，我们是不需要这些默认行为的，例如，用户在填写了一个表单后，提交信息时我们采用 ajax 来异步发送到服务器，此时就不需要表单 form 元素默认的提交跳转这个行为了。

所以此时，就需要阻止默认行为。

阻止默认行为的方式汇总

（1）cancelable 属性

首先要介绍的是 cancelable 属性，该属性返回一个布尔值，表示事件是否可以取消。

该属性为只读属性。返回 true 时，表示可以取消。否则，表示不可取消。