window.focus的浏览器事件（）

Question

有没有一种方法，当我点击我的浏览器，并给它的焦点，运行一次方法？然后，当浏览器失去焦点，然后再次重新运行该方法时，只需运行一次。

谢谢，

杆。

Answer 1

您可以window对象上附加focus和blur事件处理程序来跟踪如果窗口得到或失去焦点（见http://jsfiddle.net/whQFz/为一个简单的例子）。 window适用于当前的浏览器上下文（以便可以是窗口，选项卡，框架等）。

注意：focus事件将在每次窗口获得焦点时触发，并且每次失去焦点时将触发blur事件。一个将焦点从窗口中移除的例子是alert窗口。如果您尝试在onfocus事件处理程序中发出警报，您将收到无限循环的警报！

// Set global counter variable to verify event instances 
var nCounter = 0; 

// Set up event handler to produce text for the window focus event 
window.addEventListener("focus", function(event) 
{ 
    document.getElementById('message').innerHTML = "window has focus " + nIndex; 
    nCounter = nCounter + 1; 
}, false); 

// Example of the blur event as opposed to focus 
// window.addEventListener("blur", function(event) { 
// document.getElementById('message').innerHTML = "window lost focus"; }, 
// false); 

Answer 2

$(document).ready(function() { $(window).one("focus", SomeFocusMethod); }); 

var SomeFocusMethod = function() 
{ 
    // do stuff 
    $(window).one("blur", SomeBlurMethod); 
} 

var SomeBlurMethod = function() 
{ 
    // do stuff 
    $(window).one("focus", SomeFocusMethod); 
} 

Answer 3

如果你的目标浏览器的更新比IE9你应该使用“网页浏览权限API” JavaScript的浏览器API： https://developer.mozilla.org/en-US/docs/Web/Guide/User_experience/Using_the_Page_Visibility_API