Detect Amikor egy egér elhagyja az ablakot a Glio.js-al
Hányszor megy egy lap bezárásához és a modális ablakban, ahol meg kell kérni, hogy maradjon? Ez manapság közhelynek tűnik, és egy okból történik: működik!
Hasonló hatást hozhat létre a Glio.js könyvtár. Ez egy szabad nyílt forráskódú JS szkript, amely felismeri, mikor a felhasználó egérmutatója van közeledik a széléhez vagy amikor elhagyja a böngészőablakot.
Ezt meg lehet próbálni a látogatók megtartása a webhelyen. De azt is fel lehet használni dinamikus hatások létrehozása ha a felhasználó egér messzire megy a képernyő egyik oldalára.
Ezek közül sokat talál kilépési szkriptek az egész weben, és a legtöbbjük keményen testre szabható. De ez az, ami miatt Glio.js ilyen nagyszerű.
Ez egy hatalmas könyvtár irányít át a képernyőn. Ha a felhasználó egérét elhagyja a böngészőből egy modális megjelenítése, vagy módosítsa a háttérszínt, vagy csinálj semmit.
Ez is jön beépített forró pontok ellenőrizheti, hogy a felhasználó egérének közelebb kerül-e a képernyő négy sarkához. Te is meghatározza a visszahívási módszert és milyen közel álljon a kurzor mielőtt bármi is futna.
A Glio használatához töltsön le egy példányt GitHub-tól és telepítse. Ön is húzhat egy példányt Bower, npm vagy közvetlenül a CDN-ből.
Az oldalad scriptjével egyszerűen csak adja hozzá ezt a kódot (testreszabva az opciókkal):
glio.init ([irány, visszahívás]);
A irány
lehet bármely sarkon (pl. “bal felső”) vagy “felső”, a képernyő tetejét képviseli. A visszahívási funkció bármilyen JS kódot akarsz futtatni amikor a felhasználó egér túl közel kerül. Más opció segítségével megadhatja a távolság az irányponttól, megtalálhatja a kapcsolódó információkat a GitHub-on.
Tehát, ha egy egyszerű parancsfájlt keresel észleli a kilépési szándékot Glio kötelező erőforrás.