Виявити, коли миша залишає вікно за допомогою Glio.js

Скільки разів ви йдете, щоб закрити вкладку і помітити a модальне вікно з проханням залишитися? Сьогодні це здається звичним явищем, і це робиться з однієї причини: вона працює!

Подібний ефект можна створити за допомогою Бібліотека Glio.js. Це безкоштовний JS-скрипт з відкритим вихідним кодом для виявлення коли курсор миші користувача наближаючись до краю або коли вона залишає вікно веб-переглядача.

Це можна використовувати, щоб спробувати збереження відвідувачів на вашому сайті. Але, до того ж, можна звикнути створювати динамічні ефекти якщо миша користувача йде далеко в одну сторону екрана.

Ви знайдете багато таких сценарії виходу по всьому Інтернету, і більшість з них важко налаштувати. Але саме це робить Glio.js настільки великим.

Це потужна бібліотека дає вам контроль над тим, що ви робите з екраном. Якщо миша вашого користувача залишає браузер відображення модального, або змінити колір фону, або робити абсолютно нічого.

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

Щоб використовувати Glio, просто завантажте копію від GitHub і встановіть його. Ви також можете витягти копію від Bower, npm або безпосередньо від CDN.

З скриптом на вашій сторінці ви просто додайте цей рядок коду (налаштовано з параметрами):

 glio.init ([напрямок, зворотний виклик]); 

The напрямок Варіант може бути будь-який кут (напр. “зверху ліворуч”) або “зверху”, що представляє верхню частину екрана. Ваша функція зворотного виклику будь-який JS-код, який ви хочете запустити коли миша користувача стає надто близько. Інший параметр дозволяє визначити відстань від точки напрямку, пов'язану інформацію можна знайти на GitHub.

Отже, якщо ви шукаєте простий скрипт виявити намір виходу Гліо є обов'язковим ресурсом.