Come disabilitare Ctrl+P, Ctrl+U, Ctrl+C e destro del mouse per dissuadere la copia dei contenuti.

Come disabilitare le scorciatoie da tastiera Ctrl+P, Ctrl+C, Ctrl+U e il destro del mouse per rendere più difficile stampare e copiare le immagini.

A fronte di una richiesta pervenutami tramite un commento a un post riprendo il tema della copia di immagini e testi dai siti web che è molto sentito in praticamente tutte le tipologie degli webmaster. Mi si chiedeva se fosse possibile impedire che una pagina web possa essere stampata tramite la scorciatoia da tastiera Ctrl+P. 

Come ho già avuto modo di affermare si può parlare solo di deterrenza nei confronti dei copiatori perché un sistema assolutamente sicuro non esiste. Una persona esperta di informatica riesce comunque a copiare una pagina web magari utilizzando estensioni tipo Firebug per Firefox. 

Visto che ci sono ho pensato di aggiungere nuove protezioni anche contro altre scorciatoie da tastiera che possono essere una integrazione di tutte quelle procedure di protezione che ho già elencato nell'articolo su come disabilitare il destro del cursore e mostrare un avviso a tutta pagina.

DISABILITARE LA SCORCIATOIA DA TASTIERA CTRL+P

Si va su Modello > Modifica HTML, si cerca la riga </head> e, subito sopra, si incolla

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).bind("keyup keydown", function(e){
    if(e.ctrlKey && e.keyCode == 80){
        alert('Non permesso');
        return false;
    }
});
//]]>
</script>

Si salva il modello. Quando un navigatore cliccherà su Ctrl+P visualizzerà questo messaggio 

Con taluni browser (vedi Firefox) però viene anche visualizzata la pagina di dialogo per la stampa. Questo dovrebbe essere comunque una buona protezione contro la stampa dei nostri contenuti anche se ovviamente non si può impedire che vengano presi degli screenshot ovvero delle istantanee. Le righe evidenziate di giallo sono la Libreria jQuery e quindi possono essere tralasciate se già presenti nel template. Vediamo come si possa integrare questa protezione con altre sulla stessa falsariga.

DISABILITARE CTRL+U, CTRL+C E DESTRO DEL MOUSE

I più esperti sanno che con la combinazione di tasti Ctrl+U si accede a quello che è il Sorgente Pagina ovvero il codice HTML della pagina web che si sta visualizzando. Con questo sistema si può per esempio trovare l'URL di una immagine per scaricarla con tutto comodo oppure copiare il codice di un testo per poi incollarlo formattato in un editor. Un discorso analogo vale per la combinazione Ctrl+C che serve per copiare una selezione fatta con il cursore e per il destro del mouse che in tutti gli OS è il modo per aprire il menù contestuale che serve per copiare una immagine o per trovare il suo indirizzo.

Vediamo come disabilitare tutte queste opzioni. Si va sempre su Modello > Modifica HTML e si cerca sempre la riga </head>. Subito sopra si incolla quindi questo codice 

<script type='text/javascript'>
var isCtrl = false;
document.onkeyup=function(e)
{
if(e.which == 17)
isCtrl=false;
}
document.onkeydown=function(e)
{
if(e.which == 17)
isCtrl=true;
if((e.which == 85) || (e.which == 67) &amp;&amp; isCtrl == true)
{
return false;
}
}
var isNS = (navigator.appName == "Netscape") ? 1 : 0;
if(navigator.appName == "Netscape") document.captureEvents(Event.MOUSEDOWN||Event.MOUSEUP);
function mischandler(){
return false;
}
function mousehandler(e){
var myevent = (isNS) ? e : event;
var eventbutton = (isNS) ? myevent.which : myevent.button;
if((eventbutton==2)||(eventbutton==3)) return false;
}
document.oncontextmenu = mischandler;
document.onmousedown = mousehandler;
document.onmouseup = mousehandler;
</script>

Si salva il template. In questo caso se il navigatore tenterà di cliccare sul destro del mouse o di usare le combinazioni di tasti Ctrl+U o Ctrl+C non succederà nulla senza nessun avviso.



Volendo si possono inserire tutte queste protezioni contemporaneamente incollando i due codici uno di seguito all'altro così come è stato fatto nella Demo.