如何检测哪个窗口是焦点?

时间:2015-04-07 19:48:01

标签: javascript jquery window focus

你如何在Javascript中检测到活动窗口?

好的,我想打开3个窗口。这3个窗口是菜单,将用于修改其他窗口的数量。

把它想象成一个油漆程序。您有2个工具窗口和1个内容窗口。但是,请考虑内容的1个窗口,而不是仅限于一个窗口。您可以有12个窗口来更改内容或添加内容......等等。

那么,使用JavaScript我想知道哪个窗口是关注的? 3个窗口就像工具一样。然后可能会打开1到12个或更多窗口,其中包含要编辑的内容。但是,我需要知道JavaScript如何关注用户已选择或目前正在逛逛的1个窗口?

我只希望用户能够一次编辑或使用一个内容页面,同时将所有内容页面打开为单独的窗口。

例如:我有3个窗口是工具菜单窗口。可以说我打开了12个单独的窗口,里面有图像。我打算修改和编辑它们。

如何让javascript一次关注一个窗口。所以,如果我说让图像的背景颜色变为红色。我不想将所有12个窗口内容更改为带红色的背景。相反,我想要从1到12个内容窗口中更改窗口10的背景颜色。

如何在这一个窗口上进行操作。但是,我必须能够根据用户的操作归零。例如,点击被选中或关注的窗口。因此,用户只需单击他们想要处理的窗口即可。

因此,如果我点击该内容窗口10.我将仅修改该窗口。然后我可以快速点击内容窗口5,焦点将变为该窗口内容5.因此,如果我将该背景更改为蓝色,则只会将内容窗口5的背景颜色更改为蓝色而不是内容窗口10.

从我看到的,我需要检查窗口是焦点属性是否为真或模糊是否为真。但是,我需要在任何窗口的焦点属性发生变化时触发事件。

怎么会这样做?

1 个答案:

答案 0 :(得分:0)

使用Page Visibility API。也许与LocalStorage结合使用可以保持应用程序的状态一致。例如,您可以在页面获得焦点时在localStorage数据库中设置“activeWindow”键,然后让其他窗口在该键发生更改时响应StorageEvent。

相关问题