Comunidad de diseño web y desarrollo en internet online

Cómo Inhabilitar el botón derecho del mouse con Javascript

Este tip es muy sencillo; es sobre como ocultar el menú desplegado por el click derecho del ratón. Ya que gracias a él, se puede ver parte de tu código para utilizarlo en otra pagina, HotLinking o bajar tus imágenes, copiar tu texto, o por simple estética, entre otras cosas... Pero, ¿ como es que los puedo personalizar?

Para ocultarlo solo basta agregar las siguientes lineas despues de <body>.

Código :

<script language="Javascript">
document.oncontextmenu = function(){return false}
</script>

O bien, reemplazar <body>, por el siguiente codigo:

Código :

<body oncontextmenu='return false' onkeydown='return false'>

NOTA: Ambos van a cumplir la misma función: Ocultar el menú desplegado, justo antes de que aparezca.

Pero si de plano, tu mente es un poco mas "Traviesa", podemos molestar al usuario que comete el click derecho llamando a una ventana de alerta, tan solo aplicando alert( );
(Este código va después de la etiqueta <body>)

Código :

<script language="Javascript">
   document.oncontextmenu = function() {
      return false
   }
   function right(e) {
      var msg = "Prohibido usar Click Derecho !!! ";
      if (navigator.appName == 'Netscape' && e.which == 3) {
         alert(msg); //- Si no quieres asustar a tu usuario entonces quita esta linea...
         return false;
      }
      else if (navigator.appName == 'Microsoft Internet Explorer' && event.button==2) {
         alert(msg); //- Si no quieres asustar al usuario que utiliza IE,  entonces quita esta linea...
                        //- Aunque realmente se lo merezca...
      return false;
      }
   return true;
}
document.onmousedown = right;
</script>

NOTA: El texto resaltado, es el que tienes que reemplazar por el de tu agrado, ya que este sera el que aparezca en la ventana de alerta.

Ahora... Si quieres ir a un extremo mas alejado donde la bondad humana se vuelve estúpida, a tal grado donde existe la posibilidad de que tu usuario nunca vuelva a utilizar el botón derecho de su mouse entrar a tu pagina, esta el siguiente código:...

Código :

<script language="Javascript">  clabHack=0;
document.oncontextmenu = function(){return false} 
 function right(e) {if (navigator.appName == 'Netscape'){
 if (e.which == 3 || e.which == 2){alert("Aqui no puedes utilizar el botón derecho del mouse...");
 for(i=0;i!=clabHack;i++)alert("Ya te lo habia advertido, ahora te penalizaré con \n                 "+(clabHack-i)+"\n              clicks !!!...");
 clabHack+=10;
 alert("La proxima vez que lo hagas será peor !!! - cristalab.com");  return false;}}
 if (navigator.appName == 'Microsoft Internet Explorer'){
 if (event.button == 2 || event.button == 3){
 alert("Aqui no puedes utilizar el botón derecho del mouse...");
 for(i=0;i!=clabHack;i++)alert("Ya te lo habia advertido, ahora te penalizaré con \n                 "+(clabHack-i)+"\n              clicks !!!...");
 clabHack+=10;
 alert("La proxima vez que lo hagas será peor !!! - cristalab.com");
 return false;}}  return true;}  document.onmousedown = right;
 if (document.layers) window.captureEvents(Event.MOUSEDOWN);
 window.onmousedown=right; </script>


Pd: Todos han sido probados, por lo que aseguro que todos funcionan... Si tienes dudas o alguna sugerencia sobre cualquiera de ellos, hazla saber !!!...

¿Sabes SQL? ¿No-SQL? Aprende MySQL, PostgreSQL, MongoDB, Redis y más con el Curso Profesional de Bases de Datos que empieza el martes, en vivo.

Publica tu comentario

o puedes...

¿Estás registrado en Cristalab y quieres
publicar tu URL y avatar?

¿No estás registrado aún pero quieres hacerlo antes de publicar tu comentario?

Registrate