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.