Erkennen, wann eine Maus das Fenster mit Glio.js verlässt

Wie oft gehen Sie, um einen Tab zu schließen, und beachten Sie a modales Fenster, in dem Sie gebeten werden zu bleiben? Dies scheint heutzutage alltäglich zu sein und geschieht aus einem Grund: es funktioniert!

Sie können einen ähnlichen Effekt mit dem erstellen Glio.js-Bibliothek. Es ist ein kostenloses Open-Source-JS-Skript, mit dem der Mauszeiger des Benutzers erkannt werden kann Annäherung an den Rand oder wann es verlässt das Browserfenster.

Dies kann zum Ausprobieren verwendet werden Besucher auf Ihrer Website halten. Es kann aber auch verwendet werden Erstellen Sie dynamische Effekte wenn die Maus des Benutzers weit auf eine Seite des Bildschirms geht.

Sie werden viele davon finden Beenden Sie Absichtsskripte überall im Web und die meisten von ihnen sind Schwer anpassbar. Aber das macht Glio.js so großartig.

Das ist eine mächtige Bibliothek gibt dir die Kontrolle über das, was Sie mit dem Bildschirm machen. Wenn die Maus Ihres Benutzers den Browser verlässt, können Sie dies tun ein modal anzeigen, oder Ändern Sie die Hintergrundfarbe, oder absolut nichts tun.

Es kommt auch mit eingebaute Hot Spots dass Sie überprüfen können, wann immer sich die Maus des Benutzers an eine der vier Ecken des Bildschirms nähert. Du kannst auch Definiere die Callback-Methode und Wie nahe sollte der Cursor kommen bevor etwas läuft.

Um Glio zu verwenden, laden Sie einfach eine Kopie herunter von GitHub und installiere es. Sie können auch eine Kopie ziehen von Bower, npm oder direkt von einem CDN.

Mit dem Skript in Ihrer Seite, Sie gerade Fügen Sie diese eine Codezeile hinzu (nach Ihren Wünschen angepasst):

 glio.init ([Richtung, Rückruf]); 

Das Richtung Option kann sein jede Ecke (z. “oben links”) oder “oben”, die den oberen Rand des Bildschirms darstellt. Ihre Rückruffunktion ist welchen JS-Code Sie auch ausführen möchten wenn die Maus des Benutzers zu nahe kommt. Andere Optionen können Sie definieren Entfernung vom Richtungspunkt, Sie finden die entsprechenden Informationen auf GitHub.

Also, wenn Sie nach einem einfachen Skript suchen Beendigungsabsicht erkennen Glio ist eine unverzichtbare Ressource.