Home TutorialesProgramaciónJavaScript ¿Como desactivar el click derecho de una página web?

¿Como desactivar el click derecho de una página web?

by Cosas de provecho

En ocasiones es necesario desactivar la función del botón derecho en una página web, el motivo principal suele ser para paginas con imágenes exclusivas y que no quieren que se haga uso de dichas imágenes.

Esta seria una buena opción, pero hay que tener en cuenta que al desactivar el botón derecho, también se inhabilitan otras opciones como la de enviar, imprimir o traducir, por lo que se debería tener en cuenta si compensa perder esas funcionalidades y sopesar el uso de métodos diferentes, como el de superponer una imagen transparente o ponerlas una marca de agua.

Para añadir esta funcionalidad en tu html, copia y pega el código que aparece a continuación antes del cierre de la etiqueta </body>.

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

También puedeimplementarse en tu archivo de JavasScript eliminando las etiquetas html de <script></script> que aparecen en el código anterior. Por lo que quedaría de la siguiente forma.

document.oncontextmenu = function(){return false}

Además, si tienes implementada la librería de Jquery, puedes usar el siguiente código en tu html, como siempre, es aconsejable cargar el JavaScript al final, justo antes de la etiqueta de cierre del </body>.

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

O directamente en tu fichero JavaScript.

$(function(){
    $(document).bind("contextmenu",function(e){
        return false;
    });
});

Related Posts

Leave a Comment