目录

preventDefault() 事件方法

示例

阻止链接打开 URL:

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

下面有更多 "亲自试一试" 示例。


描述

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

例如,这在以下情况下很有用:

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

笔记:并非所有活动都可以取消。使用可取消的属性来查明事件是否可以取消。

笔记:PreventDefault() 方法不会阻止事件通过 DOM 进一步传播。使用 stopPropagation() 方法来处理这个问题。


浏览器支持

表中的数字指定完全支持该方法的第一个浏览器版本。

Method
preventDefault() Yes 9.0 Yes Yes Yes


语法

event.preventDefault()

参数

没有任何

技术细节

返回值: 无返回值
DOM 版本: DOM 2 级事件

更多示例

示例

防止复选框的默认操作:

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