Jak zakázat kliknutí pravým tlačítkem na obrázky pomocí jQuery
V jednom z mých předchozích příspěvků jsme již diskutovali o tom, jak zakázat CTRL + U, CTRL + C a kliknout pravým tlačítkem na webovou stránku, a dnešní tutoriál je o tom, jak zakázat kliknutí pravým tlačítkem a přetáhnout obrázky pomocí jQuery na libovolné webové stránce.
často dostávám žádosti od svých přátel a klientů bloggerů o zabezpečení fotografií na svých stránkách a zabránění lidem v jejich stahování nebo ukládání. Většina z nich chce, abych aktualizoval web, aby se zabránilo kliknutí pravým tlačítkem na obrázek a uložení obrázku nebo přetažení obrázku do počítače nebo aplikace, jako je Photoshop.
dobře, ale proč byste měli zakázat klepněte pravým tlačítkem myši a přetáhněte na obrázky ve svém blogu nebo webové stránky?
neexistuje žádný zvláštní důvod, abyste to udělali. Osobně nedoporučuji používat tento skript k deaktivaci obrázků pravým tlačítkem myši, protože to snižuje kvalitu uživatelského prostředí. Navíc by to bylo pro mnoho uživatelů velmi nepříjemné. Pamatujte, že hlavním účelem vašeho webu je poskytovat uživatelům hodnotu.
i když jste obeznámeni s trochou jQuery a CSS selektorů, můžete upravit skript zakázat nebo povolit pravým tlačítkem myši a přetáhněte na jakýkoliv druh prvku HTML. Můžete zakázat kliknutí pravým tlačítkem myši na obrázky se speciální třídou konkrétní komponenty.
jak přidat skript?
pokud chcete přidat tento skript do svého blogu, pak je zde skript, který můžete použít k deaktivaci kliknutí pravým tlačítkem myši na přetažení obrázků. Tento skript funguje na základě jQuery, ale podmínkou je, že váš blog musí mít nainstalovaný plugin jQuery. Pokud ne, přidejte níže uvedený plugin jQuery nad značku </head> ve svém blogu nebo na webu.
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>nyní je čas přidat skript jQuery, který zakáže kliknutí pravým tlačítkem a přetažení obrázků na vašem blogu. Jediné, co musíte udělat, je přidat níže uvedený skript nad značku < / body> v HTML vašeho blogu / webu.
<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>to je ono. Nyní navštivte své webové stránky a zkuste pravým tlačítkem myši na libovolný obrázek a uvidíte, jak tento skript funguje!
existuje jiný způsob, jak to udělat?
kromě toho je zde další způsob, který můžete použít k deaktivaci kliknutí pravým tlačítkem myši na obrázek pomocí JavaScriptu (Ano, Javascript. JQuery). Pokud nechcete přidat výše uvedený skript jQuery do svého blogu nebo chcete, aby bylo zakázáno pouze kliknutí pravým tlačítkem a ne přetahování, existuje jiný způsob.
z výše uvedeného skriptu však můžete odstranit funkci deaktivace přetažení, ale můžete jednoduše použít níže uvedený kód Javascript, který musíte vložit před značkou < / head> v HTML vašeho blogu nebo webu.
<script type='text/javascript'>//<!]></script>doporučeno pro vás:
jak zakázat výběr textu na webové stránce pomocí CSS