30 julio, 2019

Restricciones de eventos - mouse

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

Restricciones de eventos - mouse

Suscríbete a nuestro canal en Youtube

Suscríbirse

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>

 


Leido 3145 veces | 1 usuarios

Código fuente no disponible.

Compartir link del tutorial con tus amigos


Más tutoriales de Javascript

Codea Applications

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

© Copyright Codea::App Cursos de Programación Online | LATAM | 2020 - 2024