preventDefault() 事件方法

DOM events Event object

定义和用法

如果事件是可取消的，则 preventDefault() 方法会取消该事件，这意味着属于该事件的默认操作将不会发生。

举例，在以下情况下有用：

  • 单击“提交”按钮，阻止其提交表单
  • 单击链接，防止链接跟随 URL

注释：并非所有活动都可以取消。请使用 cancelable 属性 来确定事件是否可取消。

注释：preventDefault() 方法不会阻止事件通过 DOM 进一步传播。请使用 stopPropagation() 方法来解决。

实例

例子 1

防止链接打开 URL：

document.getElementById("myAnchor").addEventListener("click", function(event){
  event.preventDefault()
);

亲自试一试

例子 2

防止复选框的默认操作：

document.getElementById("myCheckbox").addEventListener("click", function(event){
  event.preventDefault()
);

亲自试一试

语法

event.preventDefault()

Parameters

None.

Technical details

Return value: No return value.
DOM version: DOM Level 2 Events

Browser support

The numbers in the table indicate the first browser version that fully supports this method.

Methods Chrome IE Firefox Safari Opera
preventDefault() Support 9.0 Support Support Support
DOM events Event object