cum se dezactivează clic dreapta pe imagini folosind jQuery
într-una din postările mele anterioare, am discutat deja cum să dezactivați CTRL+U, CTRL+C și faceți clic dreapta pe o pagină web, iar tutorialul de astăzi este despre cum să dezactivați clicul dreapta și să trageți pe imagini folosind jQuery pe orice pagină web.
de multe ori primesc solicitări de la prietenii și clienții mei blogger pentru a asigura fotografiile de pe site-urile lor și pentru a împiedica utilizatorii să le descarce sau să le salveze. Cei mai mulți dintre ei vor să actualizez site-ul pentru a evita ca utilizatorii să facă clic dreapta pe imagine și să salveze imaginea sau să tragă imaginea pe computerul sau aplicația lor, cum ar fi Photoshop.
bine, dar de ce ar trebui să dezactivați clic dreapta și trageți pe imagini în blog-ul sau site-ul?
nu există niciun motiv special pentru a face acest lucru. Personal, nu recomand utilizarea acestui script pentru a dezactiva imaginile cu clic dreapta, deoarece scade calitatea experienței utilizatorului. Mai mult, ar fi extrem de enervant pentru mulți utilizatori. Amintiți-vă că scopul principal al site-ului dvs. web este de a oferi valoare utilizatorilor dvs.
chiar dacă sunteți familiarizat cu un pic de selectori jQuery și CSS, puteți edita scriptul pentru a dezactiva sau activa clic dreapta și trageți pe orice tip de element HTML. Puteți dezactiva clic dreapta pe imagini cu o clasă specială a unei anumite componente.
cum se adaugă scriptul?
dacă doriți să adăugați acest script pe blogul dvs., atunci iată un script pe care îl puteți utiliza pentru a dezactiva faceți clic dreapta pe trageți pe imagini. Acest script este lucrări bazate pe jQuery, dar condiția este ca blog-ul dvs. trebuie să aibă un plugin jQuery instalat. Dacă nu, adăugați pluginul jQuery de mai jos deasupra etichetei </head> din blogul sau site-ul dvs. web.
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>acum, este timpul să adăugați scriptul jQuery care va dezactiva clicul dreapta și glisarea imaginilor de pe site-ul blogului dvs. Tot ce trebuie să faceți este să adăugați scriptul de mai jos deasupra etichetei </body> din HTML-ul blogului/site-ului dvs. 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>asta e. Acum vizitați site-ul dvs. web și încercați să faceți clic dreapta pe orice imagine și să vedeți cum funcționează acest script!
există o altă modalitate de a face acest lucru?
în plus, Aici este un alt mod pe care îl puteți utiliza pentru a dezactiva click dreapta pe imagine folosind Javascript (Da, Javascript. Nu jQuery). Dacă nu doriți să adăugați scriptul jQuery de mai sus pe blogul dvs. sau doriți doar să faceți clic dreapta pentru a fi dezactivat și nu trageți, există o altă cale.
cu toate acestea, puteți elimina funcția de dezactivare a glisării din scriptul de mai sus, dar puteți utiliza pur și simplu codul Javascript de mai jos de mai jos pe care trebuie să îl lipiți înainte de eticheta </head> din blogul dvs. sau HTML-ul site-ului web.
<script type='text/javascript'>//<!]></script>recomandat pentru tine:
cum se dezactivează selectarea textului într-o pagină web folosind CSS