Zazname, kdaj Mouse zapusti okno s Glio.js

Kolikokrat greste zapreti zavihek in obvestilo a modalno okno, ki vas prosi, da ostanete? Danes se to zdi običajno in je narejeno iz enega razloga: deluje!

Podoben učinek lahko ustvarite z Knjižnica Glio.js. To je brezplačen JS skript z odprtim virom, ki lahko zazna, kdaj je kazalec miške uporabnika blizu roba ali ko je zapusti okno brskalnika.

To lahko uporabite za poskus ohranjanje obiskovalcev na vašem spletnem mestu. Lahko pa se ga tudi uporablja ustvarite dinamične učinke če je miška uporabnika daleč na eno stran zaslona.

Veliko teh boste našli izhodne skripte po vsem spletu in večina od njih težko prilagoditi. Toda to je tisto, zaradi česar je Glio.js tako velik.

To je močna knjižnica, ki vam daje nadzor nad tem, kar počnete z zaslonom. Če miška vašega uporabnika zapusti brskalnik, ki ga lahko prikaže način, ali spremenite barvo ozadja, ali ne delajte ničesar.

Prav tako prihaja vgrajene vroče točke ki ga lahko preverite, ko se miška uporabnika približa kateremu koli od štirih vogalov zaslona. Lahko tudi določite način povratnega klica in kako blizu je kazalec preden zaženete karkoli.

Če želite uporabiti Glio, preprosto prenesite kopijo od GitHub in ga namestite. Lahko tudi izvlečete kopijo od Bower, npm ali neposredno iz CDN.

S skriptom na vaši strani, ste pravkar dodajte to eno vrstico kode (prilagojeno z vašimi možnostmi):

 glio.init ([smer, povratni klic]); 

The smeri možnost vogal (npr. “zgoraj levo”) ali “na vrh”, predstavlja vrh zaslona. Vaša funkcija povratnega klica je ne glede na kodo JS, ki jo želite zagnati ko se miška uporabnika preveč približa. Druga možnost omogoča definiranje razdaljo od točke smeri, povezane informacije najdete na GitHubu.

Torej, če iščete preprost skript zaznavanje izhodnega namena Glio je nujno potreben vir.