Detectar cuando un ratón sale de la ventana con Glio.js

¿Cuántas veces vas a cerrar una pestaña y te fijas en un ventana modal que te pide que te quedes? Esto parece un lugar común hoy en día y se hace por una razón: funciona!

Puedes construir un efecto similar usando el Biblioteca glio.js. Es un script gratuito de JS de código abierto para detectar cuándo está el cursor del mouse del usuario acercarse al borde o cuando sale de la ventana del navegador.

Esto puede ser usado para probar mantener a los visitantes en su sitio. Pero, también puede ser usado para crear efectos dinámicos Si el ratón del usuario se desplaza hacia un lado de la pantalla..

Encontrarás muchos de estos scripts de intenciones de salida En toda la web y la mayoría de ellos son difícil de personalizar. Pero, eso es lo que hace a Glio.js tan grande..

Es una biblioteca poderosa que te da el control sobre lo que haces con la pantalla. Si el ratón de su usuario abandona el navegador puede mostrar un modal, o cambiar el color de fondo, o no hacer absolutamente nada.

También viene con puntos calientes incorporados que puede verificar cada vez que el mouse del usuario se acerque a cualquiera de las cuatro esquinas de la pantalla. Tú también puedes definir el método de devolución de llamada y que tan cerca debe estar el cursor antes de ejecutar cualquier cosa.

Para usar Glio, solo descarga una copia. de GitHub y conseguirlo instalado. También podrías sacar una copia. desde Bower, npm, o directamente desde un CDN.

Con el script en tu página, simplemente añade esta una línea de código (personalizado con sus opciones):

 glio.init ([dirección, devolución de llamada]); 

los dirección la opción puede ser cualquier esquina (por ejemplo,. “arriba a la izquierda”) o “parte superior”, que representa la parte superior de la pantalla. Su función de devolución de llamada es cualquier código JS que quieras ejecutar cuando el ratón del usuario se acerca demasiado Otra opción le permite definir la distancia desde el punto de dirección, Usted puede encontrar la información relacionada en GitHub.

Entonces, si estás buscando un script simple para detectar la intención de salida Glio es un recurso imprescindible.