Πώς να ελέγξετε αν το πρόγραμμα περιήγησης έχει την εστίαση σε JavaScript

Όλο και περισσότερες ιστοσελίδες έχουν ενσωματωμένες λειτουργίες JavaScript , που κινούνται σε βρόχους σε τακτά χρονικά διαστήματα , είτε να κάνετε ping μια διεύθυνση URL για ενημερώσεις ή να παρέχουν μεγαλύτερη διαδραστικότητα των χρηστών με τη σελίδα . Δυστυχώς , JavaScript καταναλώνει τους πόρους του υπολογιστή του πελάτη , συμπεριλαμβανομένης της χρήσης από την κεντρική μονάδα επεξεργασίας , μνήμη και το εύρος ζώνης . Με αυτό κατά νου , είναι θεωρείται καλή πρακτική για τους προγραμματιστές να μην φορολογεί τα εν λόγω πόρους, όταν ο χρήστης δεν έχει ανάγκη γι 'αυτούς . Ένας τρόπος να γίνει αυτό είναι να ελέγξετε αν το πρόγραμμα περιήγησης ( ή ένα συγκεκριμένο tab μέσα στο πρόγραμμα περιήγησης ) έχει εστιάσει και να ενεργοποιήσετε /απενεργοποιήσετε τις λειτουργίες αναλόγως . Οδηγίες
Η 1

Δημιουργία δύο λειτουργίες , μία για όταν το πρόγραμμα περιήγησης είναι στο επίκεντρο , και ένα για όταν η εστίαση του είναι θολή :

var onFocus = λειτουργία () {
<. σ. code> //να συμπληρωθεί για να τρέξει όταν το παράθυρο έχει αποκτήσει εστίαση

} ?

var onblur = λειτουργία () {
κωδικός

//να συμπληρωθεί για να τρέξει όταν το παράθυρο έχει χάσει την εστίαση

} ? . 2

Ενσωματώστε την ανίχνευση χαρακτηριστικό . Αυτό συμβαίνει κυρίως για τον Internet Explorer , αλλά είναι καλύτερο να χρησιμοποιήσετε τη λειτουργία ανίχνευσης χαρακτηριστικό παρά τον εντοπισμό του προγράμματος περιήγησης , επειδή είναι πιο αξιόπιστα για να ελέγξετε άμεσα για τη δυνατότητα που θέλετε να χειριστείτε . Ο Internet Explorer χρησιμοποιεί το document.onfocusin ιδιοκτησίας και document.onfocusout παρά Window.onfocus και window.onbur , έτσι θα πρέπει να ελέγξετε για να δείτε αν αυτές οι ιδιότητες του εγγράφου που ορίζονται :

αν ( document.onfocusin = = Απροσδιόριστος ) { var

onfocusin = true ?

} else { var

onfocusin = false ? }

Η
3

Συμπληρώστε τον κωδικό με τη δέσμευση των κατάλληλων εκδηλώσεις εστίασης /blur με τις λειτουργίες που δημιουργήσατε στο Βήμα 1 :

αν ( onfocusin === true) {

document.onfocusin = onFocus ?

document.onfocusout = onblur ?

} else {

Window.onfocus = onFocus ?

Window.onblur = onblur ?

}
Η
εικόνων