preventDefault() Ereignismethode

DOM-Ereignisse Event-Objekt

Definition und Verwendung

Wenn das Ereignis stornierbar ist,取消该事件，这意味着属于该事件的默认操作将不会发生。

Beispielanwendung in folgenden Fällen:

  • Klicken Sie auf die Schaltfläche "Senden", um die Übermittlung des Formulars zu verhindern
  • Klicken Sie auf den Link, um das Folgen der URL des Links zu verhindern

Anmerkung:Nicht alle Aktivitäten können storniert werden. Verwenden Sie cancelable-Eigenschaft um zu bestimmen, ob das Ereignis stornierbar ist.

Anmerkung:Die Methode preventDefault() verhindert nicht, dass das Ereignis durch den DOM weitergeleitet wird. Verwenden Sie stattdessen die Methode stopPropagation().

Beispiel

Beispiel 1

Vermeiden Sie das Öffnen der URL des Links:

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

persönlich ausprobieren

Beispiel 2

Vermeiden Sie die Standardaktion des Kontrollkästchens:

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

persönlich ausprobieren

语法

event.preventDefault()

Parameter

Keine.

Technische Details

Rückgabewerte: Keine Rückgabewerte.
DOM-Version: DOM Level 2 Ereignisse

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browser-Version an, die die Methode vollständig unterstützt.

Methoden Chrome IE Firefox Safari Opera
preventDefault() Unterstützung 9.0 Unterstützung Unterstützung Unterstützung
DOM-Ereignisse Event-Objekt