Pagina principala » UI / UX » Detectați când mouse-ul iese fereastra cu Glio.js

    Detectați când mouse-ul iese fereastra cu Glio.js

    De câte ori mergeți să închideți o filă și observați o modal, care vă cere să rămâneți? Acest lucru pare obișnuit în zilele noastre și este făcut dintr-un singur motiv: funcționează!

    Puteți crea un efect similar folosind Glio.js bibliotecă. Este un script gratuit open source JS pentru a detecta când cursorul mouse-ului utilizatorului este apropiindu-se de margine sau atunci când părăsește fereastra browserului.

    Acest lucru poate fi folosit pentru a încerca păstrarea vizitatorilor pe site-ul dvs.. Dar, de asemenea, poate fi folosit pentru a creați efecte dinamice dacă mouse-ul utilizatorului merge prea departe de o parte a ecranului.

    Veți găsi multe dintre acestea închideți scripturile de intenție tot pe web și majoritatea sunt greu de personalizat. Dar asta face Glio.js atât de grozav.

    Este o bibliotecă puternică vă oferă controlul peste ceea ce faci cu ecranul. Dacă mouse-ul utilizatorului dvs. părăsește browserul puteți afișați un modal, sau schimba culoarea de fundal, sau nu fac absolut nimic.

    De asemenea, vine cu încorporate în puncte fierbinți pe care le puteți verifica ori de câte ori mouse-ul utilizatorului se apropie de oricare dintre cele patru colțuri ale ecranului. Poti de asemenea defini metoda de retur și cât de aproape ar trebui să primească cursorul înainte de a rula ceva.

    Pentru a utiliza Glio, trebuie doar să descărcați o copie de la GitHub și să-l instalat. De asemenea, puteți trage o copie de la Bower, npm sau direct de la un CDN.

    Cu script-ul din pagina ta, tu doar adăugați această singură linie de cod (personalizate cu opțiunile dvs.):

     glio.init ([direcție, apel invers]); 

    direcţie opțiunea poate fi orice colț (de ex. “stânga sus”) sau “top”, reprezentând partea de sus a ecranului. Funcția de apel invers este indiferent de codul JS pe care doriți să îl executați când mouse-ul utilizatorului se apropie prea mult. O altă opțiune vă permite să definiți distanța de la punctul de direcție, puteți găsi informațiile despre GitHub.

    Deci, dacă căutați un script simplu detecta intenția de ieșire Glio este o resursă must-have.