Hemsida » UI / UX » Upptäck när en mus lämnar fönstret med Glio.js

    Upptäck när en mus lämnar fönstret med Glio.js

    Hur många gånger går du för att stänga en flik och märka en Modal fönster frågar dig att stanna? Detta verkar vanligt idag och det är gjort av en anledning: det fungerar!

    Du kan bygga en liknande effekt med hjälp av Glio.js-biblioteket. Det är ett gratis open-source JS-skript för att upptäcka när användarens muspekare är komma nära kanten eller när den lämnar webbläsarfönstret.

    Detta kan användas för att försöka hålla besökare på din webbplats. Men det kan också användas skapa dynamiska effekter om användarens mus går långt till ena sidan av skärmen.

    Du hittar många av dessa avgångsskript över hela webben och de flesta av dem är tuff att anpassa. Men det gör Glio.js så bra.

    Det är ett kraftfullt bibliotek som ger dig kontroll över vad du gör med skärmen. Om din användares mus lämnar webbläsaren kan du visa en modal, eller ändra bakgrundsfärgen, eller gör absolut ingenting.

    Det kommer också med inbyggda hotspots att du kan kontrollera när användarens mus kommer nära någon av de fyra hörnen på skärmen. Du kan också definiera återuppringningsmetoden och hur nära markören ska få innan du kör något.

    För att använda Glio, ladda bara en kopia från GitHub och få den installerad. Du kan också dra en kopia från Bower, npm eller direkt från en CDN.

    Med skriptet på din sida, du bara lägg till den här en rad kod (anpassad med dina alternativ):

     glio.init ([riktning, återuppringning]); 

    De riktning alternativet kan vara vilket hörn som helst (t.ex.. “övre vänstra”) eller “topp”, representerar toppen av skärmen. Din återuppringningsfunktion är vilken JS-kod du vill springa när användarens mus blir för nära. Med andra alternativ kan du definiera avstånd från riktningspunkten, Du hittar den relaterade informationen på GitHub.

    Så, om du letar efter ett enkelt skript till upptäcka avgångsintentet Glio är en måste-ha resurs.