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()
});
自己尝试 »
