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()
});
自己動手試一試 »