Restricciones de eventos - mouse

Serie de trucos en JavaScript en restricciones de eventos

Restricciones de eventos - mouse

Serie de trucos en JavaScript en restricciones de eventos

En este apartado podrás ver como bloquear algunas funciones en tu pagina web sobre el mouse con unas pocas lineas de código javaScript en tu proyecto web

Muchas veces nos gustaría restringir varios eventos en nuestra página, por ejemplo estamos compartiendo información personal pero nos gustaría que no sea copiada fácilmente, con algo de Java Script podemos realizar esto.

Antes de pasar a los trucos, asegúrate de tener una hoja de código JavaScript enlazado a tu proyecto para poder probar todos estos trucos.

Ahora le presentaremos  como deshabilitar el uso del clic derecho en su sitio web:

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

Lo que hace esta función es apenas termine de cargar todos los elementos del sitio web, ejecuta la función encargada de deshabilitar los eventos con el mouse en tu sitio web.

Ahora tenemos otro truco que pondrá más difícil el copeado de información de tu sitio web, claro un usuario con conocimientos sobre diseño web normal podrá saltar este método de protección, pero para un usuario sin experiencia que solo navega en tu web le pondrá un alto a sus acciones.

Código para impedir la selección y la copia de texto en una pagina

<script>
window.onload = function()
// Para internet Explorer
{document.onselectstart = function(){return false;} 
// Para Firefox
document.onmousedown = function(){return false;}}
</script>

Ultimo truco que nos ayudara a forzar al usuario que copea información de nuestra página a integrar un tipo de autoría:

<script>
document.body.oncopy = function() {
alert('Todos los derechos reservados. Codea© 2019');
return false;};
</script>

 

Comparte el código!...talvez tu amigo lo necesite!

Whatsapp Messenger Facebook Twitter

Visitado 508 veces | Publicado hace 1 año

Curso Laravel 8 Página Web 100% Administrable

Mira el temario del curso en el siguiente link

VER EL CURSO

CÓDIGO FUENTE JAVASCRIPT

Logo Codea App

Develop your code

Perú, México, Colombia, España, Venezuela, Argentina, Bolivia

You Fb Tik Pin

© Todos los derechos reservados CODEA APP | Cursos de programación avanzados con proyectos reales | 2020 - 2021