Jak wyłączyć prawym przyciskiem myszy na obrazkach za pomocą jQuery
w jednym z moich poprzednich postów omówiliśmy już, jak wyłączyć CTRL + U, CTRL + C i kliknij prawym przyciskiem myszy na stronie internetowej, a dzisiejszy samouczek dotyczy wyłączania klikania prawym przyciskiem myszy i przeciągania obrazów za pomocą jQuery na dowolnej stronie internetowej.
często otrzymuję prośby od moich znajomych i klientów blogerów, aby zabezpieczyć zdjęcia na swoich stronach i uniemożliwić ludziom ich pobieranie lub zapisywanie. Większość z nich chce, abym zaktualizował witrynę, aby uniknąć kliknięcia prawym przyciskiem myszy na obraz i zapisać obraz lub przeciągnąć obraz na swój komputer lub aplikację, taką jak Photoshop.
ok, ale dlaczego należy wyłączyć prawym przyciskiem myszy i przeciągnąć zdjęcia na swoim blogu lub stronie internetowej?
Osobiście nie polecam używania tego skryptu do wyłączania obrazów klikanych prawym przyciskiem myszy, ponieważ zmniejsza to jakość doświadczenia użytkownika. Co więcej, byłoby to bardzo irytujące dla wielu użytkowników. Pamiętaj, że głównym celem twojej witryny jest dostarczanie wartości użytkownikom.
nawet jeśli znasz trochę selektorów jQuery i CSS, możesz edytować skrypt, aby wyłączyć lub włączyć kliknięcie prawym przyciskiem myszy i przeciągnąć dowolny element HTML. Możesz wyłączyć prawym przyciskiem myszy obrazy ze specjalną klasą konkretnego komponentu.
Jak dodać skrypt?
jeśli chcesz dodać ten skrypt do swojego bloga, to tutaj jest skrypt, którego możesz użyć, aby wyłączyć prawym przyciskiem myszy przeciągnij obrazy. Ten skrypt działa w oparciu o jQuery, ale warunkiem jest to, że twój blog musi mieć zainstalowaną wtyczkę jQuery. Jeśli nie, Dodaj poniższą wtyczkę jQuery nad tagiem< / head > na swoim blogu lub stronie internetowej.
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>teraz nadszedł czas, aby dodać skrypt jQuery, który wyłączy klikanie prawym przyciskiem myszy i przeciąganie obrazów na stronie bloga. Wszystko, co musisz zrobić, to dodać poniższy skrypt nad tagiem < / body> w HTML Twojego bloga/strony internetowej.
<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 wszystko. Teraz odwiedź swoją stronę i spróbuj kliknąć prawym przyciskiem myszy dowolny obraz i zobacz, jak działa ten skrypt!
czy jest na to inny sposób?
dodatkowo, oto inny sposób, za pomocą którego możesz wyłączyć kliknięcie prawym przyciskiem myszy na obrazku za pomocą Javascript (tak, Javascript. Nie jQuery). Jeśli nie chcesz dodać powyższego skryptu jQuery do swojego bloga lub chcesz, aby tylko kliknięcie prawym przyciskiem myszy zostało wyłączone, a nie przeciąganie, istnieje inny sposób.
jednak możesz usunąć funkcję przeciągania z powyższego skryptu, ale możesz po prostu użyć poniższego kodu Javascript poniżej, który musisz wkleić przed tagiem </head> w HTML bloga lub witryny.
<script type='text/javascript'>//<!]></script>polecane dla Ciebie:
jak wyłączyć zaznaczanie tekstu na stronie WWW za pomocą CSS