Hvordan fange høyreklikkhendelsen i JavaScript

Når en bruker høyreklikker på en webside, vises en hurtigmeny eller høyreklikk-meny. Utviklere trenger ofte å ta noen tiltak når en bruker utfører en høyreklikk på et webapplikasjonselement. Derfor må de spore/fange høyreklikk på nettstedet.

Denne opplæringen vil illustrere prosedyren for å fange høyreklikkhendelsen i JavaScript.

Hvordan fange høyreklikkhendelsen i JavaScript?

Bruke "vindu.AddEventListener ()”Metode ved å passere arrangementet”kontekstmenyen”. Hver gang brukeren prøver å sette i gang en kontekstmeny ved å klikke på riktig museknapp, utløses ContextMenu -hendelsen.

Eksempel 1: Fang den høyreklikkhendelsen ved hjelp av AddEventListener () -metoden med Alert () -metoden

For å fange en høyreklikk på en webside, bruk "vindu.AddEventListener ()”Metode for å feste/legge til en hendelsesbehandler til et element. Vis deretter resultatet at brukeren høyreklikker på siden ved hjelp av "varsling()”Metode. Den vil vise meldingen i en dialogboks som dukker opp på skjermen med "Ok”Knapp:

vindu.AddEventListener ('ContextMenu', (hendelse) =>
varsel ('Mus høyreklikk');
);

Utgangen viser en varslingsmelding når vi høyreklikk på siden og deretter åpner standardkontekstmenyen:

Eksempel 2: Fang den høyreklikkhendelsen ved hjelp av AddEventListener () -metoden med konsoll.Log () Metode

Her vil vi fange opp den høyreklikkhendelsen og sende ut en melding til konsollen:

vindu.AddEventListener ('ContextMenu', (hendelse) =>
konsoll.logg ('Mus høyreklikk');
);

Produksjon

Eksempel 3: Begrens høyreklikk for å vise standardmenyen

I dette eksemplet vil vi se begrense standardkontekstmenyen for å åpne på høyreklikk ved å bruke "PreventDefault ()”Metode:

vindu.AddEventListener ('ContextMenu', (hendelse) =>
begivenhet.PreventDefault ();
Varsel ('Mus høyreklikk forhindres');
);

Som du kan se i utdataene, vises ikke standard kontekstmenyen på musen høyreklikk:

Eksempel 4: Åpne tilpassede kontekstmeny på høyreklikk på mus

Her viser utdataene en tilpasset kontekstmeny på Mus-høyreklikkhendelsen. Mer spesifikt, følg lenken for å opprette en tilpasset kontekstmeny:

Det handler om å fange høyreklikk-arrangementet i JavaScript.

Konklusjon

For å fange høyreklikkhendelsen i JavaScript, bruk "vindu.AddEventListener ()”Metode ved å passere arrangementet”kontekstmenyen”. ContextMenu -hendelsen utløses når en bruker prøver å sette i gang en kontekstmeny ved å klikke på riktig museknapp. I denne opplæringen illustrerte vi prosedyren for å fange høyreklikkhendelsen i JavaScript.