如果用户在myState
为true
时尝试将活动页面(窗口/标签/等)从我们的页面更改为另一个,我们希望使用{在React JS中通知/提醒用户{1}}。
我尝试使用帮助TransitionHook
和React-router的Confirming Navigation
文章来实现它。虽然这些仅在用户想要关闭页面或重新加载时指出/工作。我需要知道用户何时暂时离开页面而不必关闭它。
我怎样才能做到这一点?
答案 0 :(得分:1)
如果通过“离开页面”,表示页面已打开,但弹出了不同的窗口,则可以考虑使用document.hasFocus
属性。这是我处理与切线相关的问题的一种方式:
componentDidMount: function (){
setInterval(()=>{
if (document.hasFocus()){
this.checkServerState();
}
},
},