preventDefault() 事件方法

DOM 事件 Event 對象

定義和用法

如果事件是可取消的，則 preventDefault() 方法會取消該事件，這意味著屬于該事件的默認操作將不會發生。

舉例，在以下情況下有用：

  • 單擊“提交”按鈕，阻止其提交表單
  • 單擊鏈接，防止鏈接跟隨 URL

注釋：并非所有活動都可以取消。請使用 cancelable 屬性 來確定事件是否可取消。

注釋：preventDefault() 方法不會阻止事件通過 DOM 進一步傳播。請使用 stopPropagation() 方法來解決。

實例

例子 1

防止鏈接打開 URL：

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

親自試一試

例子 2

防止復選框的默認操作：

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

親自試一試

語法

event.preventDefault()

參數

無。

技術細節

返回值： 無返回值。
DOM 版本： DOM Level 2 Events

瀏覽器支持

表格中的數字注明了完全支持該方法的首個瀏覽器版本。

方法 Chrome IE Firefox Safari Opera
preventDefault() 支持 9.0 支持 支持 支持
DOM 事件 Event 對象