¿Quieres registrarte?

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

Por: M@U
14 de Septiembre del 2007
5085 de clabLevel
Otros artículos de M@U
14,039 visitas

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 !!!...

Enviar a twitter Enviar a facebook


También te interesa


Etiquetas javascript hack

Comentarios | Enviar un comentario
inhabilitar el click derecho del mouse es una terrible practica que nadie deberia seguir U_U
Por: Mariux

Mariux :

inhabilitar el click derecho del mouse es una terrible practica que nadie deberia seguir U_U


Definitivamente.

Vamos Mx, no seas tan dura con él, ya había tratado de postear esto y lo batearon, pero ahora se esmeró, al menos el esfuerzo lo hizo.
Por: Darel

Darel :

Vamos Mx, no seas tan dura con él


eu! si eso no fue duro, fue solo un comentario y para nada le quito el merito de querer compartir sus saberes, sólo que en este caso no lo comparto, eso es todo. :)
Por: Mariux

Mariux :

Darel :

Vamos Mx, no seas tan dura con él


eu! si eso no fue duro, fue solo un comentario y para nada le quito el merito de querer compartir sus saberes, sólo que en este caso no lo comparto, eso es todo. :)

De hecho no estoy de acuerdo con el desabilitarlo... Es una util herramienta como usuario !!!...
Pero solo es parte de todas las cosas que queria publicar...
Por: M@U
Pd : Los invito a criticar mis siguientes Tip´s Relacionados con las Barras de Estado y Titulo...
:lol:
Por: M@U
Guaooooo, de nuevo, te luces, M@u, ya vi tus tips de barra de estado y titulo, de hecho los vi antes que estos, de nuevo quieren achacarte el mal uso de Javascript, pero heeey, de cualquier manera, no es siempre malo el deshabilitar el botón derecho del mouse, que pasa con los clientes que nos piden ponerle copyright a sus fotografias, en el caso de la pagina de criss angel, un mago estadounidense, su página es una de las cuales no puedes bajar fotos así como así, para eso hay una galería de fotos y wallpapers, pero nunca imagenes en donde esta presentando trucos o cosas así, en donde es más que probable que quizás se desvelen algunos secretillos que él utiliza para hacer sus maravillosas ilusiones, a veces el deshabilitado del botón derecho del mouse es necesario porque los clientes así lo piden, y pues de hecho, también es genial de vez en cuando una bromita como esas que pone M@u de vez en cuando, jeje, sorry, mi espíritu chocarrero, ya lo imaginarán, muajajajajaja XD
Por: Señor Oz_blog
hola, pues la verdad, es que si tengo dudas, en realidad, no se donde colocar ese codigo ayudame por favor. En mi space donde lo coloco, en una entrada del blog en el custom HTML¿? por que lo intentado de todo y nada, hasta despues de mi direccion, del space y nada, no tengo conocimiento de ello, hay cielo ayudame ok?
Venga me pasare por aca,haber si tu alma caritativa ayuda a esta mujer.
Por: Maria._blog

Maria._blog :

hola, pues la verdad, es que si tengo dudas, en realidad, no se donde colocar ese codigo ayudame por favor. En mi space donde lo coloco, en una entrada del blog en el custom HTML¿? por que lo intentado de todo y nada, hasta despues de mi direccion, del space y nada, no tengo conocimiento de ello, hay cielo ayudame ok?
Venga me pasare por aca,haber si tu alma caritativa ayuda a esta mujer.
como dice arriba... En tu plantilla HTML cambia la etiqueta <body>, por: <body oncontextmenu='return false' onkeydown='return false'>


Saludos
Por: M@U
Saludos:

Muy buenos estos tips, pero tengo un problema:

En mi <a href="http://penaytristeza.blogspot.com">blog</a> tengo una caja de suscripción, la cual al incluir el código de bloqueo de teclado también se me bloquea, impidiendo la suscripción de los usuarios.

¿Cómo solucionarlo?
¡Enhorabuena por este sitio!
Por: Doppelganger_blog
el codigo esta super bueno, pero una pregunta como hago para colocarle un titulo personalizado a la ventana que se abre?
Por: juan_blog
Lo intenté hacer, pero no hay manera :(.
Solo aparece el codigo. Y cuando no aparecía, simplemente no funcionaba.
Por: Eli-blog
graciasss :
Por: baby-blog
pues quizas no es tan mala practica , por ejemplo puedes querer hacer una opcion de click derecho personalizada

saludos...
Por: elier_rp
Hola me gustaria saber como lo puedo poner en mi blog (exactamente en donde) porque he tratado y nada.

meg_batsy@hotmail.com
Por: Meg-blog
muchas gracias por el codigo me sirvio para un sistema que estoy implemantando para una empresa te dejo mi mail para que si tienes uno de como hacer que el codigo aparesca en otro lenguaje como el binario o hexadacimal a la hora de abrirlo me lo puedas enviar por favor es:

omy_999k@hotm.....
Por: TICASI. Omar Esparza -b
Gracias por el codigo, sigan asi
Por: Christian-blog
hola...necesito saber como identifcar el boton ke realiza la accion(click) en Mozilla Firefox,..los ejemplos expuestos aqui solo son para IE y NS..ALGUIEN PUEDE AYUDARME??
Por: Ernest-blog
Que buenos códigos encontré aquí.
Soy relativamente nuevo en programación y tengo un producto el cual llevo mas de dos años redactando; creando texto en grandes volúmenes, imágenes, videos y corrigiéndolo y estos códigos me caen de perlas, obviamente no estoy dispuesto a tirar dos años creatividad y esfuerzo de mi trabajo por que alguien diga que bloquear el clic derecho o cosas similares no son "buenas practicas"
Y para los que creen que copyright o derechos de autor es suficiente para cuidar el trabajo les digo que maduren por que aun son unos pobres ingenuos.
Aunque se que para usuarios avanzados, esto es poco o nada, pero también he intentado con cientos de códigos similares y aquí encontré uno realmente efectivo.
Obviamente el trabajo de protección del contenido no termina con un javascript, este es solo parte de una estrategia compuesta de muchas partes. Entre ellas algunos códigos en ph p, ajax y otros lenguajes.
Gracias.
Por: Dario-blog
Hola, oye me podrias contactar a mi msn, quiero saber como se crean las ventanas de alerta, te lo agradeceria mucho.
gantzter@gearsofwar.com.mx
programavalorespapis.blogspot.com
Por: Carlos Alberto-blog
Lei ahi arriba que es una práctica terrible...

Tengo una web de fotografia ferroviaria, y no es la primera vez, que despues de viajar 400 kilometros y morirme de frio en el campo para sacar unas fotos, que un niño que desde la comodidad de su escritorio me las robe y las publique sin autorizacion (incluso hay casos de quienes las han puesto como PROPIAS!!)

Por eso uso este excelente script para evitar el robo de material!!
Al que no le gusta que se joda!!
Por: Gustavo-blog
Este TIP es muy util para que no te copien tu pagina, y si la copiasen, la deberían de copiar a mano.

Aunque creo que estaría mejor si lo unico que deshabilitase fuese la opción Copiar. ¿Alguien sabe como hacer eso?.

Saludos
Por: Distriker
Buenisimo a jodar a todos jajaja
Por: N3odemencial-blog
deberia haver mas dibujos para asi atra iga mas usuarios
Por: misterio-blog
Me viene estupendo, la manera de que no puedan visitar contenidos hasta lam... digo..., visitar a mis dragones


:muahahahahahahahahahahahahahahahahahahaha
Por: Airblast-blog
Hola tengo un blogs en space live Windows deseo colocar un fondo (html) pegando este codigo <TABLE borderColor=#000000 cellSpacing=0 cellPadding=0 background="URL imagen"border=1 height=100% width=100%>
<TBODY>
<TR>
<TD>
<P>Texto qui</P></TD></TR></TBODY></TABLE>

Una vez que lo edite en el html me sale la imagen para escribir sobre ella .

Mi pregunta : En este codigo a donde puedo colocar el codigo <script language="Javascript">
document.oncontextmenu = function(){return false}
</script>

Gracias
Por: SARA MEJIA ( monilu73@hot
men gracias buen aporte si funciona
Por: HBK-blog
he puesto el codigo del alert, ya que mi blog es de un club deportivo en la cual salen fotos de menores y deseo mantener la privacidad de esas fotos lo maximo posible.
es un blog de blogspot y despues de haber copiado el codigo me deja utilizar el boton derecho como si nada...
necesito ayuda:
boss_juman@hot...
Por: juman-blog
muchas gracias! funciona perfecto con mozilla y ie! :D
Por: raül-blog
Deja un comentario
IMPORTANTE

Recuerda ser respetuoso, no insultes a otras personas, ni uses palabrotas, hay una persona al otro lado de la pantalla.

Habla bien, NO ESCRIBAS EN MAYUSCULA TODO, no escribas como en un SMS, evita cosas como "ke", "x q" y demás abreviaciones.

Aquí funcionan las etiquetas de los foros, puedes usar [b] para negrita, [img] para las imágenes, [url] para los enlaces, etc.

Si tienes preguntas técnicas, envíalas mejor al foro.