Tunnista, kun hiiri jättää ikkunan Glio.js lla

Kuinka monta kertaa suljet välilehden ja huomaa a modaalinen ikkuna, jossa pyydetään sinua pysymään? Tämä näyttää nykyään tavalliselta, ja se tehdään yhdestä syystä: se toimii!

Voit rakentaa samanlaisen vaikutuksen käyttämällä Glio.js-kirjasto. Se on ilmainen avoimen lähdekoodin JS-skripti, joka tunnistaa käyttäjän hiiren kohdistimen lähestyä reunaa tai kun se on poistuu selainikkunasta.

Tätä voidaan käyttää kokeilemaan pitää kävijöitä sivustossasi. Mutta sitä voidaan käyttää myös luoda dynaamisia vaikutuksia jos käyttäjän hiiri menee pitkälle näytön toiselle puolelle.

Löydät paljon näistä poistu tarkoituksen skripteistä kaikkialla verkossa ja useimmat niistä ovat kova muokata. Mutta se tekee Glio.js: sta niin suuren.

Se on voimakas kirjasto antaa sinulle hallinnan siitä, mitä teet näytöllä. Jos käyttäjän hiiri jättää selaimen, voit näyttää modaalin, tai muuttaa taustan väriä, tai tee mitään.

Mukana on myös sisäänrakennettuja kuumia kohtia että voit tarkistaa aina, kun käyttäjän hiiri on lähellä jotakin näytön neljästä kulmasta. Voit myös määritellä takaisinsoitomenetelmä ja kuinka lähellä kohdistinta pitäisi saada ennen kuin käytät mitään.

Jos haluat käyttää Gliota, lataa vain kopio GitHubilta ja asenna se. Voit myös vetää kopion Bowerista, npm: stä tai suoraan CDN: stä.

Sivulla olevan komentosarjan avulla vain lisää tämä yksi koodirivi (mukautettu valintasi mukaan):

 glio.init ([suunta, soittopyyntö]); 

suunta vaihtoehto voi olla missä tahansa kulmassa (esim. “ylävasen”) tai “ylin”, edustaa näytön yläreunaa. Soittopyyntösi on mitä JS-koodia haluat käyttää kun käyttäjän hiiri on liian lähellä. Muun vaihtoehdon avulla voit määrittää etäisyys suuntapisteestä, löydät siihen liittyvät tiedot GitHubista.

Joten jos etsit yksinkertaista komentosarjaa havaita poistumistarkoitus Glio on pakollinen resurssi.