Javascript: bloccare il tasto destro del mouse sulle Immagini
Bloccare il tasto destro del mouse sulle immagini può essere utile per scoraggiare il salvataggio immediato dei contenuti pubblicati su un sito web. Con poche righe di JavaScript puoi impedire l’apertura del menu contestuale quando l’utente fa clic con il tasto destro su una foto, lasciando invece invariato il comportamento del mouse nel resto della pagina.
Questa soluzione non protegge completamente le immagini da copie o download, ma può rappresentare un piccolo ostacolo per gli utenti meno esperti. Il codice seguente è semplice, moderno e può essere inserito prima del tag di chiusura </body> della pagina.
Come bloccare il tasto destro del mouse sulle immagini con JavaScript
Per impedire l’apertura del menu contestuale sulle immagini di una pagina web puoi utilizzare un semplice script JavaScript. Il codice intercetta il clic con il tasto destro esclusivamente sugli elementi <img>, senza modificare il normale comportamento del mouse nel resto della pagina.
Incolla lo script prima del tag di chiusura </body>. Dopo aver salvato la pagina, prova a fare clic con il tasto destro su un testo o su uno spazio vuoto: il menu continuerà ad aprirsi normalmente. Se invece fai clic su un’immagine, l’azione verrà bloccata.
<script>
document.addEventListener('contextmenu', function (event) {
if (event.target.closest('img')) {
event.preventDefault();
}
});
</script>Il blocco del tasto destro può scoraggiare il salvataggio immediato delle immagini, ma non impedisce realmente di copiarle o scaricarle. Le immagini possono comunque essere recuperate dal codice sorgente, dagli strumenti per sviluppatori, dalla cache del browser o tramite uno screenshot.
Potrebbe interessarti anche: Tasto destro del mouse: a cosa serve, come usarlo e cosa fare se non funziona
