Immer mehr Webseiten werden eingebautem JavaScript -Funktionen, die in Schlaufen in regelmäßigen Abständen ausgeführt wird, entweder eine URL für Updates ping oder um größere Interaktivität mit der Seite zu stellen. Leider verbraucht JavaScript die Ressourcen des Client-Rechner , darunter zentrale Recheneinheit Nutzung, Speicher und Bandbreite. In diesem Sinne , ist es eine gute Übung für Programmierer als nicht besteuern diese Ressourcen , wenn der Benutzer keine Notwendigkeit für sie . Ein Weg, um das zu tun , ist zu prüfen , ob der Browser ( oder eine bestimmte Registerkarte im Browser ) den Fokus hat , und aktivieren /deaktivieren Funktionen entsprechend. Anleitung
1
Create zwei Funktionen , eine für , wenn der Browser ist im Fokus, und eine weitere für das seinen Fokus ist verschwommen:
var onFocus = function () {
< p> //einfügen Code ausgeführt werden , wenn das Fenster den Fokus gewonnen hat
}; .
var onBlur = function () {
//Insert- Code ausgeführt werden , wenn die Fenster hat den Fokus verloren
}; .
2
Integrieren Feature-Erkennung . Dies ist vor allem für Internet Explorer , aber es ist am besten, Feature-Erkennung anstatt Browser-Erkennung zu verwenden, da es zuverlässiger ist direkt für die Funktion, die Sie bearbeiten möchten testen. Internet Explorer nutzt die Eigenschaft document.onfocusin und document.onfocusout anstatt window.onfocus und window.onbur , so müssen Sie überprüfen, um zu sehen, ob diese Eigenschaften Dokument definiert sind:
if ( document.onfocusin = ! = undefined ) { var
onfocusin = true;
} else { var
onfocusin = false; }
3
den Code durch die Bindung der entsprechenden Fokus /Unschärfe Veranstaltungen zu den Funktionen in Schritt 1 erstellt:
if ( onfocusin === true) {
document.onfocusin = onFocus ;
document.onfocusout = onBlur ;
} else {
window.onfocus = onFocus ;
window.onblur = onBlur ;
< p> }