Sådan deaktiveres Højreklik på billeder ved hjælp af jforespørgsel
i et af mine tidligere indlæg diskuterede vi allerede, hvordan du deaktiverer CTRL+U, CTRL+C og højreklikker på en hjemmeside, og dagens tutorial handler om, hvordan du deaktiverer højreklik og trækker på billeder ved hjælp af jfor på enhver hjemmeside.
jeg får ofte anmodninger fra mine blogger-venner og klienter om at sikre billederne på deres sider og forhindre folk i at hente eller gemme dem. De fleste af dem vil have mig til at opdatere siden for at undgå brugernes Højreklik på billedet og gem billede eller træk billede til deres Computer eller applikation som Photoshop.
Okay, men hvorfor skal du deaktivere højreklik og trække på billeder i din blog eller hjemmeside?
der er ingen særlig grund til at gøre dette. Personligt anbefaler jeg ikke at bruge dette script til at deaktivere højreklikbilleder, fordi det nedsætter brugeroplevelseskvaliteten. Desuden ville det være meget irriterende for mange brugere. Husk, at din hjemmesides hovedformål er at give værdi til dine brugere.
selvom du er bekendt med en lille smule JKR og CSS-vælgere, kan du redigere scriptet for at deaktivere eller aktivere højreklik og træk på enhver form for HTML-element. Du kan deaktivere højreklik på billeder med en speciel klasse af en bestemt komponent.
Sådan tilføjes scriptet?
hvis du vil tilføje dette script til din blog, så er her et script, du kan bruge til at deaktivere højreklik på træk på billeder. Dette script er værker baseret på
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
nu er det tid til at tilføje scriptet, der vil deaktivere højreklik og trække på billeder på din blog hjemmeside. Alt hvad du skal gøre er at tilføje nedenstående script over </body> tag i din blog/hjemmesides 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ådan. Besøg nu din hjemmeside og prøv at højreklikke på et billede og se, hvordan dette script fungerer!
er der en anden måde at gøre det på?
derudover er her en anden måde, du kan bruge til at deaktivere højreklik på billedet ved hjælp af Javascript (Ja, Javascript. Ikke spørgsmål). Hvis du ikke vil tilføje ovenstående script til din blog eller kun vil højreklikke for at blive deaktiveret og ikke trække, er der en anden måde.
du kan dog også fjerne trækaktiveringsfunktionen fra ovenstående script, men du kan blot bruge nedenstående Javascript-kode nedenfor, som du skal indsætte før </head> tag i din blog eller hjemmesides HTML.
<script type='text/javascript'>//<!]></script>
anbefales til dig:
Sådan deaktiveres valg af tekst på en hjemmeside ved hjælp af CSS