最新的Web开发教程
 

preventDefault()方法事件方法

<事件对象

从打开的网址,阻止链接:

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

更多"Try it Yourself"下面的例子。


定义和用法

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

例如,这可以是有用的,当:

  • 点击一个"Submit"按钮,防止它提交表单
  • 点击一个链接,防止下面的网址链接

注:并非所有的事件都取消。 使用取消属性来找出事件是否取消。

注意: preventDefault()的方法不能防止一个事件的进一步传播通过DOM。 使用stopPropagation()方法来处理这个问题。


浏览器支持

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

方法
preventDefault() 9

句法

event .preventDefault()

参数

没有

技术细节

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

例子

更多示例

防止复选框的默认操作:

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

<事件对象