Archivio News » Anno 2010 » 23.01.10 - Disabilitare il tasto destro del mouse con jQuery

Vi sarà capitato spesso, se sviluppate siti web, di voler associare al tasto destro del mouse un evento diverso dal classico "Context Menu" per aggiugere personalizzazioni o semplicemente disabilitarlo per non dar la possibilità a un utente - non esperto - di copiare le immagini.

Sembra una funziona banale ma sul web trovare una cosa semplice come come questa non è sempre così facile come sembra, ecco perché pubblico qui sotto 2 funzioni:

Disabilitare il tasto destro del mouse sul documento:

$(document).bind("contextmenu",function()
{
   return false;
});

Disabilitare il tasto destro del mouse solo sulle immagini:

$('img').bind("contextmenu",function()
{
   return false;
});

Tengo a precisare, visto che molti me lo hanno già fatto notare, che questo script non serve a proteggere le immagini in senso assoluto perché non è quello il suo scopo,  ma a un primo impatto e a un utente medio (circa un 65% di visitatori) rende un po' meno facile la vita se vuole copiare e pubblicare (la maggior parte delle volte senza avere il permesso dell'autore) un'immagine.