轻松上手,快乐学习!

preventDefault() Event Method


❮ DOM 事件 ❮ Event 对象

实例

防止链接打开 URL:

document.getElementById("myAnchor").addEventListener("click", function(event){
  event.preventDefault()
});
亲自试一试 »

页面下方有更多实例。


定义和用法

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

举例,在以下情况下有用:

  • 单击"提交"按钮,阻止其提交表单
  • 单击链接,防止链接跟随 URL

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

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


浏览器支持

表中的数字表示支持该方法的第一个浏览器版本。

方法
preventDefault() Yes 9.0 Yes Yes Yes

语法

event.preventDefault()

参数

None

技术细节

返回值: 无返回值
DOM 版本: DOM Level 2 Events

更多实例

实例

防止复选框的默认操作:

document.getElementById("myCheckbox").addEventListener("click", function(event){
  event.preventDefault()
});
亲自试一试 »

❮ DOM 事件 ❮ Event 对象