franyer.dev
Volver al blog
· 1 min de lectura

¿Cómo deshabilitar el click derecho de una web?

Con JavaScript puedes deshabilitar fácilmente el menú contextual del click derecho en tu sitio web. Te muestro dos formas de hacerlo.

Compartir:

Ya sea porque el cliente te lo solicite o necesitas implementarlo por alguna razón específica, con JavaScript puedes deshabilitar fácilmente el click derecho del mouse en una web.

En esta pequeña guía te enseño a hacerlo. Simplemente añade una de las siguientes opciones al final de tu código HTML, antes del cierre de la etiqueta </body>.

Con JavaScript Vanilla

Esta es la forma más simple y no requiere dependencias externas:

<script type='text/javascript'>
  document.oncontextmenu = function(){return false}
</script>

Con jQuery

Si ya tienes jQuery implementado en tu web, puedes usar este código:

<script type='text/javascript'>
$(function(){
    $(document).bind("contextmenu", function(e){
        return false;
    });
});
</script>

Con cualquiera de estas opciones tendrás deshabilitado el menú contextual del click derecho en tu sitio web. Úsalo con criterio, ya que puede afectar la experiencia del usuario.

Newsletter Técnica

Recibe contenido sobre SaaS, DevOps y arquitectura de software directamente en tu email.