Ανίχνευση όταν ένα ποντίκι αφήνει το παράθυρο με το Glio.js

Πόσες φορές μπορείτε να κλείσετε μια καρτέλα και να παρατηρήσετε ένα modal window ζητώντας σας να μείνετε? Αυτό φαίνεται σήμερα συνηθισμένο και γίνεται για έναν λόγο: λειτουργεί!

Μπορείτε να δημιουργήσετε ένα παρόμοιο αποτέλεσμα χρησιμοποιώντας το Βιβλιοθήκη Glio.js. Είναι ένα ελεύθερο σενάριο JS ανοικτού κώδικα για να εντοπίσει πότε είναι ο δρομέας του ποντικιού του χρήστη πλησιάζοντας στην άκρη ή όταν αυτό αφήνει το παράθυρο του προγράμματος περιήγησης.

Αυτό μπορεί να χρησιμοποιηθεί για να δοκιμάσετε κρατώντας τους επισκέπτες στον ιστότοπό σας. Αλλά, μπορεί επίσης να χρησιμοποιηθεί για να Δημιουργήστε δυναμικά εφέ αν το ποντίκι του χρήστη πηγαίνει μακριά στη μία πλευρά της οθόνης.

Θα βρείτε πολλά από αυτά έξοδο δέσμης ενεργειών σε όλο τον ιστό και τα περισσότερα από αυτά είναι δύσκολο να προσαρμόσετε. Αλλά, αυτό κάνει το Glio.js τόσο μεγάλο.

Είναι μια ισχυρή βιβλιοθήκη που σας δίνει τον έλεγχο πάνω από αυτό που κάνετε με την οθόνη. Εάν το ποντίκι του χρήστη σας εγκαταλείψει το πρόγραμμα περιήγησης, μπορείτε εμφάνιση ενός τρόπου, ή αλλάξτε το χρώμα φόντου, ή δεν κάνουμε απολύτως τίποτα.

Έρχεται επίσης με ενσωματωμένα θερμά σημεία που μπορείτε να ελέγξετε κάθε φορά που το ποντίκι του χρήστη πλησιάζει σε οποιαδήποτε από τις τέσσερις γωνίες της οθόνης. Μπορείτε επίσης να καθορίστε τη μέθοδο επανάκλησης και πόσο κοντά πρέπει να πάρει ο δρομέας πριν εκτελέσετε τίποτα.

Για να χρησιμοποιήσετε το Glio, απλώς κατεβάστε ένα αντίγραφο από το GitHub και να το εγκαταστήσετε. Θα μπορούσατε επίσης να τραβήξετε ένα αντίγραφο από το Bower, npm ή απευθείας από ένα CDN.

Με το σενάριο στη σελίδα σας, απλά προσθέστε αυτήν τη μία γραμμή κώδικα (προσαρμοσμένη στις επιλογές σας):

 glio.init ([κατεύθυνση, επανάκληση]); 

ο κατεύθυνση επιλογή μπορεί να είναι οποιαδήποτε γωνία (π.χ.. “πάνω αριστερά”) ή “μπλουζα”, που αντιπροσωπεύει το επάνω μέρος της οθόνης. Η λειτουργία επανάκλησης είναι οποιοσδήποτε κωδικός JS θέλετε να εκτελέσετε όταν το ποντίκι του χρήστη είναι πολύ κοντά. Άλλη επιλογή σας επιτρέπει να ορίσετε το απόσταση από το σημείο κατεύθυνσης, μπορείτε να βρείτε τις σχετικές πληροφορίες στο GitHub.

Έτσι, αν ψάχνετε για ένα απλό σενάριο εντοπίστε την πρόθεση εξόδου Το Glio είναι ένας πόρος που πρέπει να έχεις.