Mundo Web

Evitar botón derecho y selección de texto en tu página web

copiar contenido

Lo primero antes de nada, recalcar que el contenido html, css y javascript es código cliente, quiere decir que se interpreta por el navegador del usuario o visitante de nuestra página, por lo que poco o nada podemos hacer para evitar que copien nuestro contenido o vean que tenemos instalado bajo el capó de nuestro sitio web.

Por lo que voy a hacer 2 cosas, una compartir esos snippets de código de los que hablo y la otra enseñaros una simple manera de evitarlo en webs que sí lo tengan implementado.

Pero si algo podemos hacer, es ponérselo un poco más difícil a la gente y que al menos tengan que darle una vuelta para hacerlo, es muy fácil deshabilitar el botón derecho del ratón e incluso el teclado para evitar que lean de la manera habitual nuestro código fuente, copien una imagen o seleccionen texto para copiar contenido de tu sitio.

Te pongo algunos ejemplos a continuación:

Evitar el botón derecho

<!-- añadir después de la etiqueta body -->

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

<!-- También puedes sustituir la etiqueta <body> por: -->

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

 

Impedir la selección de texto

<!-- Para impedir la selección de texto -->

<script type="text/javascript"> 
document.onselectstart=function(){
if (event.srcElement.type != "text" && event.srcElement.type != "textarea" && event.srcElement.type != "password")
return false
else return true;
};
if (window.sidebar){
document.onmousedown=function(e){
var obj=e.target;
if (obj.tagName.toUpperCase() == "INPUT" || obj.tagName.toUpperCase() == "TEXTAREA" || obj.tagName.toUpperCase() == "PASSWORD")
return true;
else
return false;
}
}

 

Deshabilitar teclado

<!-- Deshabilitar Teclado (con mensaje) -->

<script type="text/javascript">
function keypresed() {alert('Teclado Desabilitado');}
document.onkeydown=keypresed;
</script>

 

Eliminar función de arrastrar y soltar

<!-- Evitar función de arrastrar y soltar -->

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

 

Eliminar función de ver código fuente

<!-- Evitar función de ver código fuente -->

<Script language=JavaScript>
function right(e) {
if (navigator.appName == 'Netscape' && (e.which == 3 || e.which == 2)){
alert("Coloca el mensaje aquí.");
return false;
}
else if (navigator.appName == 'Microsoft Internet Explorer' &&
(event.button == 2 || event.button == 3)) {
alert("Coloca el mensaje aquí.");
return false;
}
return true;
}
document.onmousedown=right;
if (document.layers) window.captureEvents(Event.MOUSEDOWN);
window.onmousedown=right;
</script>

 

Repito, esto no te protege de nada, puesto que sólo hay que desactivar el JavaScript del navegador si quieres saltarte esto.

Anímate a comentar

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.