Homepage » UI / UX » Detect Amikor egy egér elhagyja az ablakot a Glio.js-al

    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.