Javascript Webview不断失去焦点

我有一个应用程序，基本上只是一个内部公司网站的包装。我们的想法是在Chromebook上自己的窗口中轻松加载网站，这样当内存不足时就不会卸载

我有一个非常简单的应用程序，只有一个Web视图，它占用了整个应用程序窗口。问题是，每当我离开窗口返回时，webview就会失去焦点。这尤其令人讨厌，因为它是一个聊天应用程序，我想在alt切换回窗口后立即开始聊天

我已经研究过在每次窗口接收到焦点时聚焦webview，但是window（从chrome.windows）和AppWindow（从chrome.app.window）之间的断开使得这一点很重要。我需要的事件只存在于窗口对象中，但我只能最终获得当前AppWindow。理论上，我可以在应用程序第一次启动时获得当前活动的窗口，但这似乎有点骇人听闻，也不可靠

index.html styles.css 让webview占据整个窗口有点棘手；我不得不使用一些冗余的CSS属性来让它正常工作

html, body {
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

#chat {
  border: 0 none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

---

您只需使用。您可以使用它添加事件侦听器，并检查

document.hidden

状态以将焦点返回聊天框。您还可以执行其他操作，如在选项卡不可见的情况下接收聊天信息时播放音频警报

在本例中，我还向第一个聊天框添加了一个事件侦听器，因此如果焦点丢失，它将尝试再次获取它。这是一种相当严厉的方法，但您可以调整逻辑以适应需求

函数handleVisibilityChange（）{
console.log（document.hidden）；
如果（！document.hidden）{
chatFocus（）；
}
}
函数chatFocus（）{
document.getElementById（“ChatBox1”）.focus（）；
}
文件。添加的监听器（“可视性更改”，手动可更改，错误）；
document.getElementById（“ChatBox1”）.addEventListener（“模糊”，chatFocus，true）

页面上是否只有一个文本输入字段？如果是这样，您可以在输入接收到
blur
事件时尝试设置焦点。这可能对您有用。谢谢明天我会给它做个测试。这个API在Chrome中似乎有点挑剔，但希望它能在应用程序窗口中正常工作。如果您发现使用上述事件无法工作的任何特定情况，请告诉我。
chrome.app.runtime.onLaunched.addListener(function(launchData) {
  chrome.app.window.create(
    'index.html',
    {
      id: 'chat'
    }
  );
});

html, body {
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

#chat {
  border: 0 none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}