Homepage » UI / UX » Rileva quando un mouse lascia la finestra con Glio.js

    Rileva quando un mouse lascia la finestra con Glio.js

    Quante volte vai a chiudere una scheda e nota a finestra modale che ti chiede di rimanere? Al giorno d'oggi questo sembra normale e viene fatto per una ragione: funziona!

    Puoi costruire un effetto simile usando il Libreria Glio.js. È uno script JS open source gratuito per rilevare quando il cursore del mouse dell'utente è avvicinarsi al limite o quando lascia la finestra del browser.

    Questo può essere usato per provare mantenendo i visitatori sul tuo sito. Ma può anche essere usato per creare effetti dinamici se il mouse dell'utente va lontano su un lato dello schermo.

    Ne troverai molti uscire da script di intenti in tutto il web e molti di loro lo sono difficile da personalizzare. Ma questo è ciò che rende Glio.js così eccezionale.

    È una libreria potente che ti dà il controllo su quello che fai con lo schermo. Se il mouse dell'utente lascia il browser, puoi farlo mostra un modale, o cambia il colore di sfondo, o non fare assolutamente nulla.

    Viene anche con punti caldi incorporati che puoi controllare ogni volta che il mouse dell'utente si avvicina a uno qualsiasi dei quattro angoli dello schermo. Puoi anche definire il metodo di callback e quanto dovrebbe essere vicino il cursore prima di eseguire qualsiasi cosa.

    Per usare Glio, basta scaricare una copia da GitHub e farlo installare. Potresti anche tirarne una copia da Bower, npm o direttamente da un CDN.

    Con lo script nella tua pagina, semplicemente aggiungi questa riga di codice (personalizzato con le tue opzioni):

     glio.init ([direction, callback]); 

    Il direzione l'opzione può essere qualsiasi angolo (ad es. “in alto a sinistra”) o “superiore”, che rappresenta la parte superiore dello schermo. La tua funzione di callback è qualunque sia il codice JS che si desidera eseguire quando il mouse dell'utente si avvicina troppo. Un'altra opzione ti consente di definire il distanza dal punto di direzione, puoi trovare le informazioni relative su GitHub.

    Quindi, se stai cercando un semplice script per rilevare l'intento di uscita Glio è una risorsa indispensabile.