preventDefault() Event Method
实例
防止链接打开 URL:
document.getElementById("myAnchor").addEventListener("click", function(event){
event.preventDefault()
});
亲自试一试 »
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()
});
亲自试一试 »
event.preventDefault()
});