Neste artigo você vai aprender a como desabilitar o click do botão direito com JavaScript, utilizando um evento de JavaScript!
Fala programador(a), beleza? Bora aprender mais sobre os eventos do JavaScript!
O clique no botão direito do mouse nada mais é do que um evento
Ele se chama contextmenu, e podemos utilizá-lo para desabilitar essa função
Além disso, todo evento possui um comportamento padrão que pode ser removido
Utilizamos o objeto event e o método preventDefault
A união destes dois conceitos vai remover a função de clique do botão direito
Veja na prática:
document.addEventListener("contextmenu", e => e.preventDefault());
Somente isso é necessário para fazer o que precisamos, simples não é? 🙂
Note que ao fazer isso você desabilita um comportamento padrão para o usuário, e isso pode ser danoso para o seu site
E também, não é possível bloquear o acesso ao seu código a partir desta ação
Pois sempre haverá outra maneira de acessar o código fonte do frontend (HTML, CSS e JS)
Alguns navegadores até bloqueiam esse tipo de código
Então tome cuidado para não acabar prejudicando o seu site
Conclusão
No artigo de hoje você viu como desabilitar o click do botão direito com JavaScript
Utilizamos o evento context menu e aplicamos o método preventDefault nele
Com isso foi possível remover a ação padrão de aparecer um menu flutuante onde o botão direito é pressionado na nossa página
Confira nossos cursos gratuitos no Youtube, com vídeos todos os dias! Se inscreva e ative o sininho para receber as notificações e aprender mais ainda sobre desenvolvimento web!
Veja também nosso catálogo de cursos na Udemy, todos com exercícios e projetos práticos, nas mais diversas tecnologias. O link acima contém um cupom de desconto para os curso