So erfassen Sie das Rechtsklick-Ereignis in JavaScript

Wenn ein Benutzer mit der rechten Maustaste auf einer Webseite klkt. Entwickler müssen häufig Maßnahmen ergreifen, wenn ein Benutzer einen Rechtsklick auf ein Webanwendungselement ausführt. Daher müssen sie den Rechtsklick auf der Website verfolgen/erfassen.

In diesem Tutorial veranschaulicht das Verfahren zum Aufnehmen des Rechtsklick-Ereignisses in JavaScript.

So erfassen Sie das Rechtsklick-Ereignis in JavaScript?

Verwenden Sie die “Fenster.AddEventListener ()"Methode durch Übergabe des Ereignisses"Kontextmenü”. Wenn der Benutzer versucht, ein Kontextmenü durch Klicken auf die rechte Maustaste zu initiieren, wird das Kontextmenu -Ereignis ausgelöst.

Beispiel 1: Erfassen Sie das Rechtsklick-Ereignis mit der Methode addEventListener () mit der Allert () -Methode

Verwenden Sie das „Rechtsklick auf eine Webseite, um die mit der Rechtssache auf eine Webseite zu klicken“ die “Fenster.AddEventListener ()Methode zum Anbringen/Hinzufügen eines Ereignishandlers zu einem Element. Zeigen Sie dann das Ergebnis an, dass der Benutzer mit der mit der Seite auf die Seite klicktAlarm()" Methode. Es wird die Nachricht in einem Dialogfeld angezeigt, das auf dem Bildschirm mit der “angezeigt wirdOK" Taste:

Fenster.AddEventListener ('contextMenu', (Ereignis) =>
alarm ('Maus mit der rechten Maustaste');
);

Die Ausgabe zeigt eine Warnmeldung an, wenn wir mit der rechten Maustaste auf die Seite klicken und dann das Standard-Kontextmenü öffnet:

Beispiel 2: Erfassen Sie das Rechtsklick-Ereignis mit addEventListener () -Methode mit der Konsole.log () Methode

Hier erfassen wir das Rechtsklickereignis und geben eine Nachricht an die Konsole aus:

Fenster.AddEventListener ('contextMenu', (Ereignis) =>
Konsole.log ('Maus mit der rechten Maustaste');
);

Ausgang

Beispiel 3: Beschränken Sie das Rechtsklick, um das Standardmenü anzuzeigen

In diesem Beispiel wird das Standardmenü des Standardkontextes einschränken, um die rechte Klicken zu eröffnen, um die von "zu verwenden"Standard verhindern()" Methode:

Fenster.AddEventListener ('contextMenu', (Ereignis) =>
Fall.Standard verhindern();
alarm ('Mausklick wird verhindert');
);

Wie Sie in der Ausgabe sehen können, wird das Standard-Kontextmenü nicht im Maus mit der rechten Maustaste angezeigt:

Beispiel 4: Öffnen Sie das benutzerdefinierte Kontextmenü auf Maus mit der rechten Maustaste

Hier zeigt die Ausgabe ein benutzerdefiniertes Kontextmenü auf der Mauser-Klick-Veranstaltung. Befolgen Sie insbesondere den Link, um ein benutzerdefiniertes Kontextmenü zu erstellen:

Hier geht es darum.

Abschluss

Verwenden Sie die “, um das Rechtsklick-Ereignis in JavaScript zu erfassenFenster.AddEventListener ()"Methode durch Übergabe des Ereignisses"Kontextmenü”. Das Kontextmenu -Ereignis wird ausgelöst, wenn ein Benutzer versucht, ein Kontextmenü durch Klicken auf die rechte Maustaste zu initiieren. In diesem Tutorial haben wir das Verfahren zur Erfassung des Rechtsklick-Ereignisses in JavaScript veranschaulicht.