Домашняя » UI / UX » Определить, когда мышь покидает окно, с помощью Glio.js

    Определить, когда мышь покидает окно, с помощью Glio.js

    Сколько раз вы идете, чтобы закрыть вкладку и заметить модальное окно с просьбой остаться? Это кажется обычным делом в наши дни, и это делается по одной причине: это работает!

    Вы можете создать аналогичный эффект, используя Библиотека Glio.js. Это бесплатный JS-скрипт с открытым исходным кодом, который определяет, когда курсор мыши находится приближаться к краю или когда это покидает окно браузера.

    Это можно использовать, чтобы попробовать держать посетителей на вашем сайте. Но это также может быть использовано для создавать динамические эффекты если мышь пользователя уходит далеко в одну сторону экрана.

    Вы найдете много таких Сценарии выхода во всем Интернете, и большинство из них трудно настроить. Но это то, что делает Glio.js таким замечательным.

    Это мощная библиотека, которая дает вам контроль над тем, что вы делаете с экраном. Если мышь вашего пользователя покидает браузер, вы можете показать модальное, или же изменить цвет фона, или же абсолютно ничего не делать.

    Это также идет с встроенные горячие точки что вы можете проверить всякий раз, когда мышь пользователя приближается к любому из четырех углов экрана. Вы также можете определить метод обратного вызова а также как близко должен подойти курсор до запуска чего-либо.

    Чтобы использовать Glio, просто скачайте копию от GitHub и установите его. Вы также можете вытащить копию из Бауэра, нпм или напрямую из CDN.

    Сценарий на вашей странице, вы просто добавить эту одну строку кода (настраивается с вашими параметрами):

     glio.init ([направление, обратный вызов]); 

    направление вариант может быть любой угол (например,. “верхний левый”) или же “Топ”, представляя верхнюю часть экрана. Ваша функция обратного вызова любой код JS, который вы хотите запустить когда мышь пользователя становится слишком близко. Другой вариант позволяет вам определить расстояние от точки направления, Вы можете найти соответствующую информацию на GitHub.

    Итак, если вы ищете простой скрипт для определить намерение выхода Глио является обязательным ресурсом.