Come Disattivare fare Clic Destro sulle Immagini Utilizzando jQuery
In uno dei miei post precedenti, abbiamo già discusso di come Disabilitare il CTRL+U CTRL+C, e fare Clic Destro su una pagina Web, e il tutorial di oggi è un modo per disabilitare il tasto destro del mouse per trascinare le immagini utilizzando jQuery da qualsiasi pagina web.
Ricevo spesso richieste dai miei amici e clienti blogger per proteggere le foto sui loro siti e impedire alle persone di scaricarle o salvarle. Molti di loro vogliono che aggiorni il sito per evitare che gli utenti facciano clic destro sull’immagine e salvino l’immagine o trascinino l’immagine sul loro computer o applicazione come Photoshop.
Va bene, ma perché si dovrebbe disattivare tasto destro del mouse e trascinare sulle immagini nel tuo blog o sito web?
Non c’è un motivo particolare per farlo. Personalmente, non consiglio di utilizzare questo script per disabilitare le immagini del clic destro perché diminuisce la qualità dell’esperienza utente. Inoltre, sarebbe molto fastidioso per molti utenti. Ricorda che lo scopo principale del tuo sito web è fornire valore ai tuoi utenti.
Anche se si ha familiarità con un po ‘ di selettori jQuery e CSS, è possibile modificare lo script per disabilitare o abilitare il tasto destro del mouse e trascinare su qualsiasi tipo di elemento HTML. È possibile disabilitare il clic destro sulle immagini con una classe speciale di un particolare componente.
Come aggiungere lo script?
Se vuoi aggiungere questo script al tuo blog, ecco uno script che puoi usare per disabilitare il clic destro sul trascinamento delle immagini. Questo script è funziona sulla base di jQuery, ma la condizione è che il tuo blog deve avere un plugin jQuery installato. In caso contrario, aggiungi il plugin jQuery sottostante sopra il tag </head> nel tuo blog o sito web.
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>Ora, È il momento di aggiungere lo script jQuery che disabiliterà clic destro e trascinando sulle immagini sul tuo sito web blog. Tutto quello che devi fare è aggiungere lo script sottostante sopra il tag </body> nel codice HTML del tuo blog/sito web.
<script type="text/javascript">$(document).ready(function(){// this part disables the right click$('img').on('contextmenu', function(e) {return false;});//this part disables dragging of image$('img').on('dragstart', function(e) {return false;});});</script>Ecco fatto. Ora visita il tuo sito web e prova a fare clic destro su qualsiasi immagine e vedere come funziona questo script!
C’è un altro modo per farlo?
Inoltre, ecco un altro modo che puoi usare per disabilitare il clic destro sull’immagine usando Javascript (Sì, Javascript. Non jQuery). Se non vuoi aggiungere lo script jQuery sopra al tuo blog o vuoi solo fare clic destro per essere disabilitato e non trascinare, c’è un altro modo.
Tuttavia, puoi rimuovere anche la funzione di disabilitazione del trascinamento dallo script sopra, ma puoi semplicemente usare il codice Javascript sottostante che devi incollare prima del tag</head > nel tuo blog o nell’HTML del sito web.
<script type='text/javascript'>//<!]></script>Consigliato per voi:
Come disabilitare la selezione del testo in una pagina web utilizzando CSS