Nustatyti, kai pelė palieka langą „Glio.js“

Kiek kartų einate, kad uždarytumėte skirtuką ir pastebėtumėte a modalinis langas, kuriame prašoma pasilikti? Tai atrodo paplitusi šiandien, ir tai daroma dėl vienos priežasties: ji veikia!

Panašų efektą galite sukurti naudodami Glio.js biblioteka. Tai nemokamas atviro kodo JS scenarijus, skirtas aptikti, kai yra vartotojo pelės žymeklis artimas prie krašto arba kai jis palieka naršyklės langą.

Tai gali būti naudojama bandant lankytojų laikymas jūsų svetainėje. Tačiau tai taip pat gali būti naudojama sukurti dinaminius efektus jei vartotojo pele eina toli į vieną ekrano pusę.

Juos rasite daug išeiti ketinimų scenarijai visame internete ir dauguma jų yra sunku pritaikyti. Bet tai daro Glio.js taip puikiai.

Tai galinga biblioteka suteikia jums kontrolę per tai, ką darote su ekranu. Jei naudotojo pelė palieka naršyklę, galite rodyti modalą, arba pakeisti fono spalvą, arba nieko nedarykite.

Jis taip pat ateina su įmontuotos karštosios vietos kad galėtumėte patikrinti, kada vartotojo pelė priartėja prie bet kurio iš keturių ekrano kampų. Tu taip pat gali apibrėžti atgalinio ryšio metodą ir kaip uždaryti žymeklį prieš paleisdami nieko.

Norėdami naudoti „Glio“, tiesiog atsisiųskite kopiją iš GitHub ir jį įdiekite. Taip pat galite ištraukti kopiją nuo Bower, npm arba tiesiogiai iš CDN.

Su jūsų puslapio scenarijumi, jūs tiesiog pridėkite šią vieną kodo eilutę (pritaikyta pagal jūsų parinktis):

 glio.init ([kryptis, atšaukimas]); 

The kryptis parinktis gali būti bet kokiame kampe (pvz.,. “viršuje kairėje”) arba “viršuje”, ekrano viršuje. Jūsų atgalinio ryšio funkcija bet kokį JS kodą, kurį norite paleisti kai vartotojo pelė tampa per arti. Kita parinktis leidžia nustatyti atstumas nuo krypties taško, susijusią informaciją rasite „GitHub“.

Taigi, jei ieškote paprasto scenarijaus aptikti išėjimo tikslą Glio yra privalomas išteklius.