Główna » UI / UX » Wykryj, gdy mysz opuszcza okno za pomocą Glio.js

    Wykryj, gdy mysz opuszcza okno za pomocą Glio.js

    Ile razy chcesz zamknąć kartę i zauważyć okno modalne z prośbą o pozostanie? Wydaje się to powszechne w dzisiejszych czasach i to z jednego powodu: działa!

    Możesz zbudować podobny efekt za pomocą Biblioteka Glio.js. Jest to darmowy skrypt JS typu open-source do wykrywania, kiedy znajduje się kursor myszy zbliża się do krawędzi lub kiedy to opuszcza okno przeglądarki.

    Można tego spróbować utrzymywanie odwiedzających na Twojej stronie. Ale można to również wykorzystać tworzyć dynamiczne efekty jeśli mysz użytkownika przechodzi daleko w jedną stronę ekranu.

    Znajdziesz wiele z nich wyjdź z zamierzonych skryptów w całej sieci i większość z nich jest trudne do dostosowania. Ale to sprawia, że ​​Glio.js jest tak wspaniały.

    To potężna biblioteka daje ci kontrolę nad tym, co robisz z ekranem. Jeśli mysz użytkownika opuszcza przeglądarkę, którą możesz wyświetlić modalny, lub zmień kolor tła, lub nic nie rób.

    To także pochodzi z wbudowane gorące punkty możesz sprawdzić, kiedy mysz użytkownika zbliży się do któregokolwiek z czterech rogów ekranu. Możesz również zdefiniuj metodę wywołania zwrotnego i jak blisko powinien znajdować się kursor przed uruchomieniem czegokolwiek.

    Aby korzystać z Glio, wystarczy pobrać kopię z GitHub i zainstaluj go. Możesz także wyciągnąć kopię z Bower, npm lub bezpośrednio z CDN.

    Skrypt na twojej stronie dodaj ten jeden wiersz kodu (dostosowane z opcjami):

     glio.init ([kierunek, wywołanie zwrotne]); 

    The kierunek opcja może być dowolny róg (np. “lewy górny”) lub “Top”, reprezentujący górę ekranu. Twoja funkcja oddzwaniania to jakikolwiek kod JS, który chcesz uruchomić gdy mysz użytkownika zbliży się zbyt blisko. Inna opcja pozwala zdefiniować odległość od punktu kierunkowego, możesz znaleźć powiązane informacje na GitHub.

    Więc jeśli szukasz prostego skryptu do wykryć zamiar wyjścia Glio to niezbędny zasób.