如何在焦点后刷新页面？

Question

我想重新回到焦点后刷新页面.对于我认为我可能会使用的令人耳目一新的部分:

location.reload();

棘手的部分是如何确定何时刷新？
首先,窗口必须松开焦点(可以通过我假设的.blur()来确定).
只有在失去焦点的窗口重新聚焦后才能触发自身的刷新.我可以在位置上使用.focus()吗？或者我必须在这里使用其他东西吗？

我如何结合这两种情况？

你的方法是什么？

Answer 1

试试这个:

var blurred = false;
window.onblur = function() { blurred = true; };
window.onfocus = function() { blurred && (location.reload()); };

这仅在重新加载页面(如果已隐藏)

我不建议在jQuery中绑定窗口焦点,Page会重新加载几乎所有用户操作.

更新

这很大程度上依赖于window.onfocus和window.onblur的浏览器实现.Webkit可能不支持onblur事件(在我的chrome中没有),如果页面被隐藏,firefox会调用模糊.

Answer 2

在我的开发环境中,我将这个JS片段添加到页面中 - 只要页面在变为非活动状态后变为活动状态就会重新加载,例如,如果您键入文本编辑器,然后单击返回浏览器,页面将重新加载一次而不会出现无限循环.当在同一浏览器会话中链接活动选项卡或活动窗口时,它也可以工作.

window.onblur= function() {window.onfocus= function () {location.reload(true)}};

如上所述,这取决于浏览器的实现,但在chrome中运行良好.