Come si disabilita il pulsante destro del mouse sulla mia pagina web?

Disabilitare il tasto destro del mouse su una pagina Web è un modo per impedire agli utenti di accedere a determinate funzionalità o contenuti, come evitare la copia e il download di immagini, video di copyright, testo, informazioni personali e dati finanziari.

Questo articolo descriverà la procedura per disabilitare il tasto destro del mouse su una pagina Web.

Come disabilitare il pulsante destro del mouse su una pagina Web?

Per disabilitare il tasto destro del mouse, usa la pagina "menù contestualeEvento "con l'aiuto del"EventListener ()" metodo. Quindi, chiama il "PreventDefault ()"Metodo per evitare che il menu contestuale predefinito venga visualizzato in una pagina Web.

Come puoi vedere nella GIF data, quando viene premuto il pulsante destro del mouse, appare un menu contestuale:

Per disabilitare questo menu contestuale o fare clic con il tasto destro, seguire gli esempi forniti utilizzando JavaScript e HTML.

Esempio 1: Disabilita il pulsante destro del mouse sulla pagina Web utilizzando JavaScript
Per disabilitare il menu contestuale del tasto destro del mouse, utilizzare lo snippet di codice seguente nel tag o un file JavaScript:

documento.addEventListener ("ContextMenu", (event) =>
evento.preventDefault ();
);

Lo snippet di codice sopra seguente chiama "EventListener ()"Metodo sulla pagina"menù contestuale"Evento, che viene sparato quando si fa clic sul pulsante del mouse destro. Quindi, chiama il "PreventDefault ()"Metodo sull'evento per impedire l'apparizione del menu contestuale predefinito.

Si può vedere che quando fai clic sulla pagina con il pulsante destro del mouse, non verrà visualizzato nulla:

Esempio 2: Disabilita il pulsante destro del mouse sulla pagina Web utilizzando HTML
A volte, è necessario disabilitare il contenuto su elementi specifici, come "div" O "img". Per questo, usa il “OnContextMenu"Attributo sull'elemento:

Il clic destro è disabilitato qui ..

Qui, puoi vedere che il clic destro è stato disabilitato solo su "div"Elemento:

Abbiamo compilato tutte le informazioni di base relative alla disabilitazione del clic destro del pulsante del mouse nella pagina Web.

Conclusione

Per disabilitare il tasto destro del mouse sulla pagina Web, utilizzare "menù contestuale"Evento in JavaScript e puoi anche farlo da HTML usando"OnContextMenu"Attributo sull'elemento. In JavaScript, usa il “PreventDefault ()"Metodo sull'evento" ContextMenu "per impedire l'aspetto del menu contestuale predefinito. Questo articolo ha descritto la procedura per disabilitare il pulsante destro del mouse su una pagina Web.