Rozpoznat, když myš opustí okno s Glio.js

Kolikrát se chystáte zavřít kartu a všimnout si a modální okno s žádostí o pobyt? V dnešní době se to zdá být samozřejmostí a je to z jednoho důvodu: funguje to!

Podobný efekt můžete vytvořit pomocí Knihovna Glio.js. Je to volný open-source JS skript, který detekuje, kdy je kurzor myši uživatele přiblížit se k okraji nebo když opustí okno prohlížeče.

To lze použít k pokusu udržování návštěvníků na vašich stránkách. Ale také to může být použito vytvářet dynamické efekty pokud myš uživatele jde daleko na jednu stranu obrazovky.

Najdete jich mnoho skripty s úmyslem ukončení po celém webu a většina z nich je těžké přizpůsobit. Ale to je to, co dělá Glio.js tak velkým.

Je to mocná knihovna dává vám kontrolu přes to, co děláte s obrazovkou. Pokud myš uživatele opustí prohlížeč, můžete zobrazit modální, nebo změnit barvu pozadí, nebo nic nedělat.

Také přichází vestavěných hot spotů můžete zkontrolovat, kdykoli se uživatelská myš přiblíží některému ze čtyř rohů obrazovky. Můžete také definovat metodu zpětného volání a jak blízko by se měl dostat kurzor před spuštěním cokoliv.

Chcete-li použít Glio, stačí stáhnout kopii od společnosti GitHub a nainstalovat. Můžete také vytáhnout kopii od Bower, npm, nebo přímo od CDN.

Se skriptem na vaší stránce, prostě přidejte tento řádek kódu (přizpůsobeno vašim možnostem):

 glio.init ([směr, zpětné volání]); 

směr možnost může být libovolný roh (např. “vlevo nahoře”) nebo “horní”, představující horní část obrazovky. Funkce zpětného volání je jakýkoliv JS kód, který chcete spustit když je myš uživatele příliš blízko. Další volba vám umožní definovat vzdálenosti od směru, související informace naleznete na stránkách GitHub.

Takže, pokud hledáte jednoduchý skript detekovat záměr odchodu Glio je zdroj, který musí mít.