javascript - 是否有窗口获得焦点的浏览器事件？

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 " + nCounter; 
    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);