Slik Deaktiverer Du Høyreklikk På Bilder Ved hjelp av jQuery
I et av mine tidligere innlegg diskuterte vi allerede Hvordan Du Deaktiverer CTRL + U, CTRL+C OG Høyreklikker på En Nettside, og dagens opplæring handler om hvordan du deaktiverer høyreklikk og drar på bilder ved hjelp av jQuery på en hvilken som helst nettside.
jeg får ofte forespørsler fra mine blogger-venner og klienter om å sikre bildene på nettstedene deres og hindre folk i å laste ned eller lagre dem. De fleste av dem vil at jeg skal oppdatere nettstedet for å unngå brukernes høyreklikk på bildet og lagre bildet eller dra bildet til Datamaskinen eller programmet Som Photoshop.
Ok, men Hvorfor bør du deaktivere høyreklikk og dra på bilder i bloggen eller nettsiden din?
Det er ingen spesiell grunn for deg å gjøre dette. Personlig anbefaler jeg ikke å bruke dette skriptet for å deaktivere høyreklikkbilder fordi det reduserer brukeropplevelseskvaliteten. Dess, det ville være svært irriterende for mange brukere. Husk at nettstedets hovedformål er å gi verdi til brukerne.
Selv om du er kjent med en liten bit av jQuery og CSS velgere, kan du redigere skriptet for å deaktivere eller aktivere høyreklikk og dra på NOEN FORM FOR HTML-element. Du kan deaktivere høyreklikk på bilder med en spesiell klasse av en bestemt komponent.
hvordan legge til skriptet?
hvis du vil legge til dette skriptet i bloggen din, så er det et skript du kan bruke til å deaktivere høyreklikk på dra på bilder. Dette skriptet er verk basert på jQuery, men betingelsen er at bloggen din må ha en jQuery plugin installert. Hvis ikke, legg til under jquery-plugin over</head > – taggen i bloggen din eller nettstedet ditt.
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>Nå er det på tide å legge til jquery script som vil deaktivere høyreklikke og dra på bilder på bloggen din nettside. Alt du trenger å gjøre er å legge til underskriptet over</body > – taggen i bloggen / nettstedets HTML.
<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>Sånn ja. Nå besøke nettstedet ditt og prøve å høyreklikke på et bilde og se hvordan dette skriptet fungerer!
Er det en annen måte å gjøre det på?
I Tillegg Er Det en annen måte du kan bruke til å deaktivere høyreklikk på bildet ved Hjelp Av Javascript (Ja, Javascript. Ikke jQuery). Hvis du ikke vil legge til jQuery-skriptet ovenfor til bloggen din eller bare vil høyreklikke for å bli deaktivert og ikke dra, er det en annen måte.
du kan imidlertid fjerne dra deaktiveringsfunksjonen fra skriptet ovenfor, men du kan bare bruke Javascript-koden nedenfor som du må lime inn før </head > i bloggen din eller nettstedets HTML.
<script type='text/javascript'>//<!]></script>Anbefalt for deg:
slik deaktiverer du valg av tekst på en nettside ved HJELP AV CSS