event.preventDefault()與返回false

Question

event.preventDefault() vs. return false

來自jQuery事件處理程式中的return false實際上與在傳遞的 jQuery.Event物件上呼叫e.preventDefault和e.stopPropagation相同.

e.preventDefault()將防止預設事件發生,e.stopPropagation()將防止事件發生,return false將同時執行.請注意,此行為不同於正常(非-jQuery)事件處理程式,其中特別是return false不會阻止事件發生泡.

資料來源: John Reservg

Accepted Answer

當我想阻止其他事件處理程式在觸發某個事件後執行時,我可以使用兩種技術中的一種.我將在示例中使用jQuery,但這也適用於plail-JS:

 $('a').click(function (e) {
    // custom handling here
    e.preventDefault();
});

 $('a').click(function () {
    // custom handling here
    return false;
});

這兩種停止事件傳播的方法有什麼顯著區別嗎?

對我來說,return false;比執行方法更簡單,更短,可能更容易出錯.使用該方法,您必須記住正確的套管,括號等.

此外,我必須定義回撥中的第一個引數才能呼叫該方法.也許,為什麼我應該避免這樣做,而是使用preventDefault?更好的方法是什麼?