Flere og flere websider indarbejde JavaScript-funktioner , der kører i loops med jævne mellemrum , enten for at pinge en URL for opdateringer eller for at give større brugervenlighed interaktivitet med siden. Desværre JavaScript forbruger ressourcerne i kundens maskine , herunder central processing unit brug, hukommelse og båndbredde. Med det i tankerne, er det anset for god praksis for programmører til ikke beskatte disse ressourcer , når brugeren ikke har brug for dem. En måde at gøre det er at kontrollere, om browseren ( eller en bestemt fane i browseren ) har fokus, og aktivere /deaktivere funktioner i overensstemmelse hermed. Instruktioner
1
Create to funktioner , en til når browseren er i fokus, og en til når dens fokus er sløret : Hej
var onfocus = function () {
< p> //indsæt kode til at køre , når vinduet har fået fokus
}; .
var onBlur = function () {
//indsæt kode til at køre , når vinduet har mistet fokus
}; .
2
Indarbejd funktionen afsløring. Dette er primært til Internet Explorer , men det er bedst at bruge funktionen afsløring snarere end browser afsløring , fordi det er mere pålidelige til at direkte teste for den funktion, du ønsker at manipulere. Internet Explorer bruger ejendommen document.onfocusin og document.onfocusout snarere end window.onfocus og window.onbur , så du bliver nødt til at tjekke for at se, om disse dokumentegenskaber er defineret : Hej
if ( document.onfocusin =! = udefineret ) {
var onfocusin = true;
} else {
var onfocusin = false;
}
< br > 3
Udfyld koden ved at binde de passende fokus /blur begivenheder til de funktioner, der er oprettet i Trin 1 : Hej
if ( onfocusin === true) {
document.onfocusin = onfocus ;
document.onfocusout = onBlur ,
} else {
window.onfocus = onfocus ,
window.onblur = onBlur ;
< p> }