Si tienes una página web, puede que quieras impedir que tus visitantes seleccionen parte de la misma o guarden las imágenes que tengas en ella, ya sea por seguridad o porque no quieres que tu contenido se vea copiado por otros.
Aunque actualmente esto no es del todo posible, sí que puedes ponérselo un poco más difícil a aquellos que quieran copiar cualquier contenido de tu sitio web, de tal forma que, para hacerlo, tengan que tener un poco más de conocimientos sobre el tema. Para ello, vamos a mostrarte como puedes deshabilitar el botón derecho del ratón, así como también, evitar que se pueda seleccionar cualquier tipo de texto de tus páginas.
Cómo deshabilitar el botón derecho del ratón en una página web
Para evitar que, cuando tus usuarios pulsen el botón derecho sobre tu página web, aparezca el típico menú contextual con sus diversas opciones, debes insertar el siguiente código javascript en la página o páginas en las que quieras impedirlo:
1 2 3 | <script type="text/javascript"> document.oncontextmenu = function(){return false;} </script> |
Igualmente, puedes realizar esto añadiendo, a la etiqueta body de las páginas, el siguiente atributo:
1 | <body oncontextmenu="return false" ... > |
De esta forma, al pulsar con el botón derecho del ratón no ocurrirá absolutamente nada.
Cómo evitar la selección de texto en tus páginas web
Si además, quieres que los usuarios que visitan tu sitio no puedan seleccionar el contenido del mismo, evitando así posibles casos de plagio, añade el siguiente código a las páginas en cuestión:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | <script type="text/javascript"> function evitarSeleccion( target ) { if ( typeof target.onselectstart != "undefined" ) { target.onselectstart = function( ) { return false; } } else if ( typeof target.style.MozUserSelect != "undefined" ) { target.style.MozUserSelect = "none" } else { target.onmousedown = function( ) { return false; } } target.style.cursor = "default" } evitarSeleccion( document.body ); </script> |
De esta forma, aunque tus usuarios quieran pinchar para seleccionar, les será imposible, del mismo modo que si lo realizan a través de combinaciones de teclas.
Con estas dos códigos en javascript que te acabamos de mostrar harás que la copia del contenido de tus páginas se haga un poco más dificultosa, no por ello imposible, ya que debes tener en cuenta que estos códigos dependerán del tipo de navegador que se esté usando en cada momento y de si el usuario tiene activada la ejecución de código javascript. Si no es así, el usuario podrá fácilmente copiar cualquier contenido.
