JS-preventDefault() 取消預設行為

weixin_33807284發表於2018-04-03
JS

語法

event.preventDefault()

說明

該方法將通知 Web 瀏覽器不要執行與事件關聯的預設動作（如果存在這樣的動作）。
注意，如果 Event 物件的 cancelable 屬性是 fasle，那麼就沒有預設動作，或者不能阻止預設動作。無論哪種情況，呼叫該方法都沒有作用。

常用情景

  • 如果 type 屬性是 "submit"，在事件傳播的任意階段可以呼叫任意的事件控制程式碼，通過呼叫該方法，可以阻止提交表單。
  • <button>標籤在form表單中時，click時間預設會提交表單重新整理頁面，呼叫可方法，可避免重新整理頁面
  • a 標籤點選時，會跳轉url，採用如下方式，可防止連結開啟 URL：
$("a").click(function(e){
  e = e || window.event;
  e.preventDefault();
})

相關文章