preventDefault() 事件方法
示例
阻止链接打开 URL
document.getElementById("myAnchor").addEventListener("click", function(event){
event.preventDefault()
});
自己动手试一试 »
更多“自己尝试”的例子见下文。
描述
preventDefault() 方法会取消事件(如果该事件是可取消的),这意味着该事件的默认操作将不会发生。
例如,这在以下情况下可能很有用:
- 点击“提交”按钮,阻止其提交表单
- 点击链接,阻止链接跟随 URL
注意:并非所有事件都是可取消的。请使用 cancelable 属性来确定事件是否可取消。
注意:preventDefault() 方法不会阻止事件在 DOM 中进一步传播。请使用 stopPropagation() 方法来处理此问题。
浏览器支持
表格中的数字表示完全支持该方法的第一个浏览器版本。
方法 | |||||
---|---|---|---|---|---|
preventDefault() | 是 | 9.0 | 是 | 是 | 是 |
语法
event.preventDefault()
参数
无 |
技术详情
返回值 | 无返回值 |
---|---|
DOM 版本 | DOM Level 2 Events |
更多示例
示例
阻止复选框的默认操作
document.getElementById("myCheckbox").addEventListener("click", function(event){
event.preventDefault()
});
自己动手试一试 »