Deteksi Ketika Mouse Meninggalkan Jendela dengan Glio.js

Berapa kali Anda pergi untuk menutup tab dan perhatikan a modal window meminta Anda untuk tetap tinggal? Tampaknya ini sudah biasa saat ini dan dilakukan karena satu alasan: ini berhasil!

Anda dapat membangun efek serupa menggunakan Perpustakaan Glio.js. Ini adalah skrip JS open-source gratis untuk mendeteksi kapan kursor mouse pengguna semakin dekat ke tepi atau kapan meninggalkan jendela browser.

Ini bisa digunakan untuk mencoba menjaga pengunjung di situs Anda. Tapi, itu juga bisa digunakan untuk buat efek dinamis jika mouse pengguna pergi jauh ke satu sisi layar.

Anda akan menemukan banyak dari ini keluar dari skrip maksud di seluruh web dan kebanyakan dari mereka sulit untuk disesuaikan. Tapi, itulah yang membuat Glio.js luar biasa.

Itu perpustakaan yang kuat itu memberi Anda kendali atas apa yang Anda lakukan dengan layar. Jika mouse pengguna Anda meninggalkan browser Anda bisa menampilkan modal, atau ubah warna latar belakang, atau sama sekali tidak melakukan apa pun.

Itu juga datang dengan built-in hot spot Anda dapat memeriksa setiap kali mouse pengguna mendekati salah satu dari empat sudut layar. Anda juga bisa tentukan metode panggilan balik dan seberapa dekat kursor seharusnya sebelum menjalankan apapun.

Untuk menggunakan Glio, cukup unduh salinannya dari GitHub dan instal. Anda juga bisa menarik salinannya dari Bower, npm, atau langsung dari CDN.

Dengan skrip di halaman Anda, Anda baru saja tambahkan satu baris kode ini (disesuaikan dengan opsi Anda):

 glio.init ([direction, callback]); 

Itu arah opsi bisa sudut mana pun (mis. “kiri atas”) atau “teratas”, mewakili bagian atas layar. Fungsi panggilan balik Anda adalah kode JS apa pun yang ingin Anda jalankan ketika mouse pengguna terlalu dekat. Opsi lain memungkinkan Anda menentukan jarak dari titik arah, Anda dapat menemukan info terkait di GitHub.

Jadi, jika Anda mencari skrip sederhana mendeteksi niat keluar Glio adalah sumber yang harus dimiliki.