Como Desativar o Clique Direito sobre as Imagens Utilizando # jQuery

disable-right-click-on-image-jquery

Em um dos meus posts anteriores, nós já conversamos sobre como Desabilitar CTRL+s, CTRL+C, e Clique Direito em uma página da Web, e hoje o tutorial é sobre como desabilitar o botão direito do mouse e arrastar sobre imagens utilizando # jQuery qualquer página da web.

muitas vezes recebo solicitações de meus amigos e clientes do blogger para proteger as fotos em seus sites e impedir que as pessoas baixem ou salvem. A maioria deles quer que eu atualize o site para evitar que os usuários cliquem com o botão direito do mouse na imagem e salve a imagem ou arraste a imagem para o computador ou aplicativo como o Photoshop.

ok, mas por que você deve desativar o botão direito do mouse e arrastar as fotos em seu blog ou site?

não há nenhuma razão particular para você fazer isso. Pessoalmente, não recomendo usar este script para desativar imagens com o botão direito do mouse porque diminui a qualidade da experiência do Usuário. Além disso, seria altamente irritante para muitos usuários. Lembre-se de que o principal objetivo do seu site é fornecer valor aos seus usuários.

mesmo se você estiver familiarizado com um pouco de seletores jQuery e CSS, você pode editar o script para desativar ou ativar o botão direito do mouse e arrastar qualquer tipo de elemento HTML. Você pode desativar o botão direito do mouse em imagens com uma classe especial de um componente específico.

como adicionar o script?

se você quiser adicionar este script ao seu blog, aqui está um script que você pode usar para desativar o botão direito do mouse em arrastar imagens. Este script funciona com base no jQuery, mas a condição é que seu blog tenha um plugin jQuery instalado. Caso contrário, adicione o plugin jQuery abaixo acima da tag </head> em seu blog ou site.

<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>

agora, é hora de adicionar o script jQuery que desativará clicar com o botão direito do mouse e arrastar as imagens no site do seu blog. Tudo o que você precisa fazer é adicionar o script abaixo acima da tag </body> no HTML do seu blog/site.

<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>

é isso. Agora visite seu site e tente clicar com o botão direito em qualquer imagem e ver como esse script funciona!

existe outra maneira de fazer isso?

além disso, aqui está outra maneira que você pode usar para desativar o clique direito na imagem usando Javascript (Sim, Javascript. Não jQuery). Se você não quiser adicionar o script jQuery acima ao seu blog ou quiser apenas clicar com o botão direito para ser desativado e não arrastar, há outra maneira.

no entanto, você pode remover a função de desativação de arrastar do script acima também, mas você pode simplesmente usar o código Javascript abaixo abaixo que você tem que Colar antes </head> tag em seu blog ou HTML do site.

<script type='text/javascript'>//<!]></script>

recomendado para você:
como desativar a seleção de texto em uma página da web usando CSS

Leave a Reply

O seu endereço de email não será publicado.