event.preventDefault() vs. return false (keine jQuery)

Question

Ich fragte mich, ob event.preventDefault() und return false die gleichen waren.

Ich habe some tests getan, und es scheint, dass

• Wenn der Event-Handler alte Modell hinzugefügt wird, zum Beispiel unter Verwendung

  elem.onclick = function(){ 
      return false; 
  }; 
  

  Dann return false Standardaktion verhindert, wie event.preventDefault().

• Wenn die Event-Handler hinzugefügt wird addEventListener zum Beispiel unter Verwendung

  elem.addEventListener(
      'click', 
      function(e){ 
       return false; 
      }, 
      false 
  ); 
  

  Dann return false nicht daran hindert, die Standardaktion.

Verhalten sich alle Browser so?

Gibt es weitere Unterschiede zwischen event.preventDefault() und return false?

Wo finde ich einige Dokumentation (ich konnte nicht in MDN) über return false verhält sich wie event.preventDefault() in einigen Fällen?

---

Meine Frage ist nur über Normal Javascript, nicht jQuery, also bitte markieren Sie es nicht als Duplikat von event.preventDefault() vs. return false, auch wenn beide Fragen fast den gleichen Titel haben.

Answer 1

Die W3C Document Object Model Events Specification in 1.3.1. Veranstaltungsregistrierung Schnittstellen besagt, dass handleEvent im Eventlistener keinen Rückgabewert hat:

handleEvent Diese Methode wird aufgerufen, wenn ein Ereignis des Typs auftritt , für die die Eventlistener-Schnittstelle registriert wurde. [...] No Return Wert

unter 1.2.4. Ereignis Cancelation das Dokument auch fest, dass

Cancelation durch erreicht wird, das Ereignis des prevent Methode aufrufen. Wenn ein oder mehrere EventListener preventDefault während einer beliebigen Phase des Ereignisablaufs aufrufen, wird die Standardaktion abgebrochen.

, die Sie verwenden, keine Wirkung entmutigen sollen, dass die Rückkehr wahr/falsch in jedem Browser haben könnte und event.preventDefault() verwenden.

aktualisieren

Die HTML5-Spezifikation gibt tatsächlich wie ein Rückgabewert anders zu behandeln. Section 6.1.5.1 of the HTML Spec besagt, dass

Wenn Rückgabewert ist ein WebIDL boolean false Wert, dann brechen Sie den Ereignis.

für alles außer dem "mouseover" -Ereignis.

Fazit

ich noch event.preventDefault() in den meisten Projekten zu verwenden, würde empfehlen, da man mit der alten Spezifikation kompatibel sein wird und damit älterer Browser. Nur wenn Sie nur topaktuelle Browser unterstützen müssen, ist die Rückkehr von false zum Abbrechen in Ordnung.

Answer 2

return false ist nur für IE, event.preventDefault() von Chrom unterstützt wird, ff ... modernen Browsern

Answer 3

Unterschied zwischen prevent, stopPropogation, return false

Standardaktion - Server-Seite Aktion, wenn die Steuerung Ereignisse auslösen.

Angenommen, wir haben div Kontrolle und in ihm haben wir eine Taste. So div ist die Elternkontrolle des Buttons. Wir haben Client-Klick und Server-Side-Click-Ereignis der Schaltfläche. Wir haben auch click-side click event des div.

Auf Klick-Ereignis der Schaltfläche auf Client-Seite können wir die Aktionen der übergeordneten Steuerung und Server-seitigen Code mit folgenden drei Arten steuern:

• return false - Diese erlauben nur Client-Side-Event der Steuerung. Das serverseitige Ereignis und das clientseitige Ereignis des übergeordneten Steuerelements werden nicht ausgelöst.

• preventDefault() - Dies ermöglicht clientseitige Ereignis der Kontrolle und seiner übergeordneten Kontrolle. Serverseitiges Ereignis, dh. Die Standardaktion des Steuerelements wird nicht ausgelöst.

• stopPropogation() - Dies ermöglicht clientseitige sowie serverseitige Ereignisse der Steuerung. Das clientseitige Ereignis des Controls ist nicht erlaubt.