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

INSPITATION AND CREATIVITY IN SOCIAL NETWORKS

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

Share This
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 después 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 !!!...

ORIGEN DEL ARTICULO:  http://www.cristalab.com/tutoriales/como-inhabilitar-el-boton-derecho-del-mouse-con-javascript-c45632l/

No hay comentarios:

Publicar un comentario

¡QUE NO SE PIERDAN TUS AMIGOS NINGUNA PUBLICACION!

MANDALES POR CORREO EL LINK DE ESTE BLOG PARA QUE NOS CONOZCAN

Share to Facebook Share to Twitter Email This Pin This Share on Google Plus Más...

Vistas de página en total