Como desabilito clique com o botão direito na minha página da web?

Desativar o clique com o botão direito do mouse em uma página da web é uma maneira de impedir que os usuários acessem determinadas funcionalidades ou conteúdo, como evitar copiar e baixar imagens protegidas por direitos autorais, vídeos, texto, informações pessoais e dados financeiros.

Este artigo descreverá o procedimento para desativar o clique com o botão direito do mouse em uma página da web.

Como desativar o clique com o botão direito em uma página da web?

Para desativar o clique com o botão direito, use o “menu contextualEvento com a ajuda do “EventListener ()”Método. Então, chame o “PreventDefault ()”Método para evitar o menu de contexto padrão para aparecer em uma página da web.

Como você pode ver no GIF fornecido, quando o botão direito do mouse é pressionado, um menu de contexto aparece:

Para desativar este menu de contexto ou clicar com o botão direito, siga os exemplos fornecidos usando JavaScript e HTML.

Exemplo 1: Desativar o botão direito do clique na página da web usando JavaScript
Para desativar o clique com o botão direito do mouse no menu de contexto, use o snippet de código abaixo da tag ou um arquivo JavaScript:

documento.addEventListener ("contextmenu", (evento) =>
evento.prevenvDefault ();
);

O snippet de código acima do seguinte chama o “EventListener ()”Método na página“menu contextual”Evento, que é disparado quando o botão direito do mouse é clicado. Então, chame o “PreventDefault ()”Método no evento para impedir que o menu de contexto padrão apareça.

Pode -se observar que, ao clicar na página com o botão direito do mouse, nada será exibido:

Exemplo 2: Desativar o botão direito do mouse na página da web usando HTML
Às vezes, você precisa desativar o conteúdo em elementos específicos, como “div" ou "img”. Para isso, use o “ONCONTEXTMENU”Atributo no elemento:

O clique com o botão direito está desativado aqui…

Aqui, você pode ver que o clique direito foi desativado apenas no “div" elemento:

Compilamos todas as informações básicas relacionadas a desativar o clique direito do botão do mouse na página da web.

Conclusão

Para desativar o clique com o botão direito do mouse na página da web, use o “menu contextual”Evento em JavaScript e também você pode fazer isso por HTML usando o“ONCONTEXTMENU”Atributo no elemento. Em JavaScript, use o “PreventDefault ()”Método no evento“ contextmenu ”para impedir que o menu de contexto padrão apareça. Este artigo descreveu o procedimento para desativar o clique com o botão direito do mouse em uma página da web.