So stornieren Sie Ereignisse in JavaScript?

Während der Aktualisierung einer Webseite oder der Website gibt es Situationen, in denen einige enthaltene Links nicht mehr benötigt werden oder irrelevant werden. Darüber hinaus verwalten Sie den Verkehr einer bestimmten Website effektiv. In solchen Fällen bewirkt das Abbrechen der Ereignisse in JavaScript Wunder bei der Deaktivierung einiger Funktionen und dem Umgang mit solchen Fallszenarien.

So stornieren Sie Ereignisse in JavaScript?

Die folgenden Ansätze können verwendet werden, um Ereignisse in JavaScript zu stornieren:

• • “Standard verhindern()" Methode.
  • “Boolescher Wert" Ansatz.
  • “StopPropagation ()" Methode.

Ansatz 1: Ereignisse in JavaScript mithilfe der Verhinderungdefault () -Methode abbrechen

Der "Standard verhindern()Die Methode storniert das beigefügte Ereignis, wenn es storniert werden kann. Diese Methode kann verwendet werden, um das beigefügte Ereignis von der zugänglichen Verbindung abzulenken, wodurch die zu ausgeführte Aktion verhindert wird.

Syntax

Fall.Standard verhindern()

In der angegebenen Syntax:

• • “Fall”Bezieht sich auf die Veranstaltung, die abgelöst werden soll.

Beispiel

Gehen Sie durch den untergegebenen Code-Snippet:

Das Click -Ereignis wird storniert!

Besuchen Sie die Google -Website
dokumentieren.GetElementById ("Site").AddEventListener ("Click", Funktion (Abbrechen)
stornieren.Standard verhindern();
);

Befolgen Sie die folgenden Schritte:

• • Geben Sie zunächst die angegebene Überschrift auf, die im DOCKEL -Objektmodell (DOM) angezeigt werden soll.
  • Danach geben Sie das an “URL" Verwendung der "href”Attribut.
  • Greifen Sie nun im JavaScript -Teil des Codes auf die angegebene URL zu.
  • Binden Sie auch eine an “klickenEreignis mit der URL mit Hilfe einer Funktion mit der “AddEventListener ()" Methode.
  • Endlich, das "Standard verhindern()Die Methode wird mit Hilfe des Parameters der Funktion angewendet, um das beigefügte Ereignis abzubauen.

Ausgang

Ansatz 2: Ereignisse in JavaScript abbrechen, indem Sie einen Booleschen Wert zurückgeben

Dieser Ansatz kann durch Rückgabe der “implementiert werdenFALSCH”Boolescher Wert auf dem ausgelösten Ereignis.

Beispiel

Die folgenden Codezeilen demonstrieren das angegebene Konzept:

Funktion CRAUSEVENT ()
falsch zurückgeben;
ALERT ("Diese Anweisung wird nicht angezeigt")

Im obigen Code -Snippet:

• • Erstens innerhalb der “”Tag, ein Eingabtextfeld zuweisen.
  • Binden Sie auch eine an "aufInput"Ereignis mit dem angegebenen"Platzhalter" Wert. Dies führt dazu, dass beim Eingeben des Textes die angegebene Funktion aufgerufen wird.
  • Deklarieren Sie nun im JavaScript -Teil des Codes eine Funktion namens “CancelEvent ()”. In seiner Definition den Booleschen Wert zurückgeben “FALSCH"Um die enthaltene" abzubrechen "Fall”.
  • Geben Sie schließlich die angegebene Nachricht im Alarmbox an. Der zurückgegebene boolesche Wert führt dazu, dass das angezeigte Dialogfeld vermieden wird.

Ausgang

In der obigen Ausgabe kann beobachtet werden, dass beim Zugriffsfunktion das Dialogfeld "Alarm" nicht angezeigt wird, wodurch das angehängte Ereignis abgesagt wird.

Ansatz 3: Ereignisse in JavaScript nach StopPropagation () -Methode abbrechen

Der "StopPropagation ()Die Methode verhindert, dass das gleiche Ereignis vermehrt wird. Diese Methode kann verwendet werden, um die Ausbreitung zwischen den beiden Divs beim Überprüfen des Kontrollkästchen.

Syntax

Fall.StopPropagation ()

Beispiel

Beobachten Sie die folgenden Codezeilen:

Klicken Sie auf die Website, um die Änderung zu beobachten:

LinuxHint
Webseite

• • In ähnlicher Weise schließen Sie im ersten Schritt die angegebene Überschrift ein.
  • Jetzt zwei einschließen “div"Tags mit beigefügt" "ONCLICKEreignisse mit jedem von ihnen rufen zwei verschiedene Funktionen Element2 () und Element1 () an.
  • Fügen Sie auch ein Kontrollkästchen mit der angegebenen ID hinzu. Dieses Kontrollkästchen führt dazu, die Ausbreitung zwischen zwei Divs zu stoppen.

Schauen Sie sich nun die folgenden JavaScript -Codezeilen an:

Funktionselement1 (e)
Alert ("Sie haben auf Website geklickt");
if (Dokument.GetElementById ("Check").geprüft)
e.StopPropagation ();


Funktion element2 ()
alert ("Sie haben auf LinuxHint geklickt");

Im obigen JS -Code:

• • Definieren Sie eine Funktion namens “Element1 ()”. Hier der Parameter “e" bezieht sich auf "FallIm HTML -Teil des Codes entlassen werden.
  • Zeigen Sie in seiner Definition das Alarmdialogfeld mit der angegebenen Nachricht an.
  • Greifen Sie danach mit der ID auf das Kontrollkästchen erstellt zu erstellenGetElementById ()" Methode. Wenden Sie auch das an “überprüftEigenschaft dazu, um den Zustand des geprüften Kontrollkästchens zu überprüfen.
  • Dann wenden Sie die “an“StopPropagation ()"Methode, die sich auf den Parameter bezieht"e”. Dies führt dazu, dass die Ausbreitung von einer Funktion zur anderen Funktion gestoppt wird.
  • In ähnlicher Weise definieren Sie eine andere Funktion “Element2 ()“. Diese Funktion ist nur vor der Ausbreitung funktionsfähig.

Ausgang

Hier beobachtet das Verhalten beim Klicken auf die DIV beim Überprüfen des Kontrollkästchens.

Wir haben die Ansätze zur Absage von Ereignissen in JavaScript zusammengestellt.

Abschluss

Der "Standard verhindern()”Methode, die“boolescher Wert"Ansatz oder der"StopPropagation ()Die Methode kann verwendet werden, um Ereignisse in JavaScript abzusagen. Die erste Methode kann implementiert werden, um das beigefügte Ereignis zu lösen, was zur Deaktivierung des Links führt. Der Boolesche Wert -Ansatz gibt den zurückFALSCH”Boolescher Wert auf dem ausgelösten Ereignis. Die StopPropagation () -Methode kann angewendet werden. Dieses Tutorial wurde erklärt, Ereignisse in JavaScript abzusagen.