Como desabilitar o click do botão direito com JavaScript

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

Formação Recomendada

Formação Claude Code

Domine Claude Code do absoluto zero até o avançado

• 120 aulas
• 4 projetos
• 9h 45min

Conhecer formação

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