Mengesan Apabila Tetikus Meninggalkan Jendela dengan Glio.js
Berapa kali anda pergi untuk menutup tab dan notis a tetingkap modal meminta anda untuk tinggal? Ini seolah-olah biasa pada masa kini dan ia dilakukan untuk satu sebab: ia berfungsi!
Anda boleh membina kesan yang sama menggunakan Perpustakaan Glio.js. Ia adalah skrip JS sumber terbuka percuma untuk mengesan apabila kursor tetikus pengguna adalah semakin hampir ke tepi atau apabila ia meninggalkan tetingkap penyemak imbas.
Ini boleh digunakan untuk mencuba menjaga pengunjung di laman web anda. Tetapi, ia juga boleh digunakan untuk mewujudkan kesan dinamik jika tetikus pengguna jauh ke satu sisi skrin.
Anda akan dapati banyak perkara ini skrip niat keluar di seluruh web dan kebanyakannya adalah sukar untuk menyesuaikan. Tetapi, itulah yang membuatkan Glio.js begitu hebat.
Ia adalah sebuah perpustakaan yang kuat memberi anda kawalan lebih dari apa yang anda lakukan dengan skrin. Jika tetikus pengguna anda meninggalkan pelayar anda boleh memaparkan modal, atau menukar warna latar belakang, atau jangan buat apa-apa.
Ia juga datang dengan tempat terbina dalam panas bahawa anda boleh menyemak apabila tetikus pengguna mendapat hampir dengan mana-mana empat sudut skrin. Anda juga boleh menentukan kaedah panggil balik dan berapa dekat kursor yang perlu diperolehi sebelum menjalankan apa-apa.
Untuk menggunakan Glio, muat turun satu salinan dari GitHub dan dapatkannya. Anda juga boleh menarik salinan dari Bower, npm, atau terus dari CDN.
Dengan skrip di halaman anda, anda hanya tambah baris satu kod ini (disesuaikan dengan pilihan anda):
glio.init ([arah, panggil balik));
The arah
pilihan boleh mana-mana sudut (cth. “kiri atas”) atau “atas”, mewakili bahagian atas skrin. Fungsi panggilan balik anda ialah apa kod JS yang anda mahu lari apabila tetikus pengguna terlalu dekat. Pilihan lain membolehkan anda menentukan jarak dari titik arah, anda boleh mencari maklumat berkaitan di GitHub.
Jadi, jika anda sedang mencari skrip mudah untuk mengesan niat keluar Glio adalah sumber yang mesti ada.