e.preventDefault（）方法實際上做了什麼？

Question

我已經嘗試preventDefault（）提交沒有頁面重新加載的表單，但它沒有給我任何結果。任何人都可以解釋什麼是jQuery中的preventDefault（）方法的目的？

Answer 1

簡短的回答，從http://api.jquery.com/event.preventdefault/

說明：如果此方法被調用，事件 的默認動作不會被觸發。

拿這個例子：

$("a").click(function(event) { 
    event.preventDefault(); 
    $("<div>") 
    .append("default " + event.type + " prevented") 
    .appendTo("#log"); 
}); 

如果超鏈接上面單擊那麼瀏覽器將不會嘗試將瀏覽器重定向（因爲preventDefault()通話），而這反而做的其餘部分處理並將數據追加到div。

Answer 2

這不是一個jQuery功能，而是傳遞給Javascript事件偵聽器的Event對象的一部分。

https://developer.mozilla.org/en/docs/Web/API/Event/preventDefault

當一個事件監聽器綁定到事件對象作爲參數傳遞的DOM元素。當該事件被觸發時，該偵聽器被執行，但每個事件都有默認的實現。當您致電event.preventDefault時，會將事件對象標記爲已處理，並且會跳過默認實現。

這是<a>標籤當click事件最顯着的標籤，因爲您可能想阻止鏈接被跟蹤。但是，它也適用於鍵盤輸入，觸摸等等。