|
De plus en plus de pages web intègrent des fonctions JavaScript qui fonctionnent en boucle à intervalles réguliers , que ce soit au ping une adresse URL pour les mises à jour ou de fournir une plus grande interactivité avec l'utilisateur avec la page. Malheureusement , JavaScript consomme les ressources de la machine du client , y compris le traitement unité centrale de l'utilisation , de la mémoire et de bande passante . Dans cet esprit , il est considéré comme une bonne pratique pour les programmeurs de ne pas taxer ces ressources lorsque l'utilisateur n'a pas besoin d' eux. Une façon de le faire est de vérifier si le navigateur (ou un onglet spécifique dans le navigateur ) a le focus, et activer /désactiver les fonctions en conséquence. Instructions
1 créer deux fonctions, l'une pour quand le navigateur est mis au point , et l'autre pour quand son objectif est floue : Photos var onFocus = function () {
< p> //insérer le code à exécuter lorsque la fenêtre a obtenu le focus
}; .
var onBlur = function () {
/code /insert afin de fonctionner lorsque le fenêtre a perdu le focus
}; .
2 Intégrer détection de caractéristiques . C'est principalement pour Internet Explorer, mais il est préférable d'utiliser la détection de caractéristiques plutôt que la détection du navigateur , car il est plus fiable de tester directement la fonction que vous souhaitez manipuler . Internet Explorer utilise le document.onfocusin de propriété et document.onfocusout plutôt que window.onFocus et window.onbur , vous aurez donc besoin de vérifier pour voir si les propriétés du document sont définis:
if ( document.onfocusin = ! = undefined) { var
onfocusin = true;
} else { var
onfocusin = false; }
< br > 3 compléter le code en liant les événements de focus /blur appropriées aux fonctions créées à l'étape 1 :
if ( onfocusin === true ) {
document.onfocusin = onFocus ;
document.onfocusout = onBlur ;
} else {
window.onFocus = onFocus ;
window.onblur = onBlur ;
< p> }
|
