English Português

Como una de las medidas que se pueden tomar para evitar copien cierta parte de nuestra web que no queramos compartir se encuentra desabilitar el boton derecho del mouse con javascript, de este modo se “evita” se pueden guardar las imagen o ver el código fuente de nuestra página por ejemplo.

El siguiente escript tienes que colocarlo entre las etiquetas <head> y </head> de tu sitio:

<script type='text/javascript'>

/*Mensaje que puedes personalizar*/
  var mensajeerror = "Boton derecho deshabilitado ¡Gracias por visitarnos!";
if(document.layers) window.captureEvents(Event.MOUSEDOWN);
function bloquear(e){
if (navigator.appName == 'Netscape' && ( e.which == 2 || e.which == 3))
{
alert(mensajeerror);return false;
}
if (navigator.appName == 'Microsoft Internet Explorer' && (event.button == 2 || event.button == 3))
{
alert(mensajeerror);return false;
}
}
window.onmousedown=bloquear;
document.onmousedown=bloquear; 

</script>

Al momento de que el usuario da click con el boton derecho, aparece una alerta diciendole: “Boton derecho deshabilitado ¡Gracias por visitarnos!”.

Escrito por Francisco Oliveros

Soy un gran aficionado del diseño y de todo lo que el código puede comunicar. Ingeniero mecánico por profesión, pero dedicado al desarrollo web a tiempo completo.

Blog / Twitter

Artículos relacionados

Sigue leyendo consejos, tips y tutoriales para tu blog.

    Comentarios

    1. .::. " César " Amante De GNU/LINUX || "Software Libre" .::. / Hace 10 años /

      al probar este codigo en mi blog, me manda este error:

      No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
      Mensaje de error de XML: Open quote is expected for attribute “{1}” associated with an element type “type”.

      solo copie y pegue dentron de las etiquetas head Y /head.

      Responder a .::. " César " Amante De GNU/LINUX || "Software Libre" .::. →
    2. enano_star / Hace 10 años /

      nu se lo ke es head y head ni se donde esta

      Responder a enano_star →
    3. Francisco / Hace 10 años /

      Holaa!

      Cesar, hacían falta una comillas, ya las agregue!

      enano, son dos elementos que limitan la cabecera de una página, no son visibles para el usuario y lo encuentras en el código de cualquier plantilla.

      Responder a Francisco →
    4. Ivan / Hace 10 años /

      a mi me da exactamente el mismo error que le da a cesar podrias explicarnos por favor

      Responder a Ivan →
    5. claudiofelpe / Hace 10 años /

      hola cesaer.
      probe el texto y sigo con el problema de mis compañeros. “no se ha podido analizar…”

      gracias de antemano.

      claudiofelipe

      Responder a claudiofelpe →
    6. Francisco / Hace 10 años /

      Este script no es solo para blogger sino para cualquier web y blogger es un poco latoso con algunos caracteres, sustituyan todos los “&” por “&amp;”.

      Responder a Francisco →
    7. Camilo Rosales / Hace 10 años /

      Bueno, es cierto; este codigo el deficil de trabajar.

      Por un lado el head y /head si aparecen; solo que por ser los puntos que limitan la cabecera de cualquier página, el head aparece casi al comienzo del todo el codigo html, mientras que el /head casi al final. Quien se tome la molestia de haber buscado estos entre la maraña de codigos programaticos de la pantilla, perdera el tiempo, ya que el mismo no arranca y presenta una funcion error, bien conocida por todos:

      Mensaje de error de XML: Open quote is expected for attribute “{1}” associated with an element type “type”.

      sugerencias al conflicto????

      Responder a Camilo Rosales →
    8. jesus / Hace 10 años /

      Saludos a todos.
      he probado el codigo y funciona perfectamente, solo que como dice Francisco: CAMBIEN & POR & asi tal cual. yo el codigo lo he pegado justo encima de que es el limitador final de la cabecera.
      Ahora bien, surge otro problema, y es que no funciona para los enlaces ni para ventanas que se habren en otra pagina. si hay alguna manera de protegerlas tambien seri útil que alguien aportara soluciones.

      Responder a jesus →
    9. jesus / Hace 10 años /

      cambiar “&” por “&” y funciona

      Responder a jesus →
    10. Francisco / Hace 10 años /

      Si quieren usarlo con blogger.com pueden quitarse de varios problemas si transforman el código antes a sus caracteres html con herramientas como http://blogcrowds.com/resources/parse_html.php

      saludos!

      Responder a Francisco →
    11. Silvana / Hace 9 años /

      yo quiero ponerlo en mi hi5 pa que no me copien pero no me sale ningun head…y no se en que sitio ponerlo porque los codigos que yo copie para las imagenes no tienen nada de head ni nada de eso? o es que tengo que poner por cada codigo de imagen ese head!???…igual donde lo encuentro?…o como hago la nota es que no quiero que copien de mi…almenos lo que escribo…las imagenes no importa pero tambien si se pueden mejor seria o para que no salga la ventana haciendole clic en la imagen ayudaaaaaaaa porfavor!…no se como hacer leo y leo y nada! o como creo ? algo?…explicacion pliss!si ay algo! ZILVANA…

      Responder a Silvana →

    Responder

    ¡Gracias por dejar tu opinión! Por favor procura que tus comentarios estén dentro tema, que no sean promocionales (spam), ilegales u ofensivos, de otro modo, serán borrados. Todos los enlaces serán moderados y la URL indicada NO será enlazada.

    Blog and Web es un blog de Blógstica. Hospedado desde 2008 en Liquid Web.

    Términos de uso - Política de privacidad