google-chrome - 在 Chrome 应用程序中全屏显示时焦点丢失

Question

我创建了一个简单的 chrome 应用程序，它只有一个文本 div 元素，id 为“sample”。我正在 chromebook 上进行测试。问题是这样的：

1. 我在文本输入中键入了几个键。
2. 我按下了 Chromebook 中的全屏按钮。

失去对文本输入元素的关注。

这是我用来创建 chrome 应用程序窗口的功能

chrome.app.runtime.onLaunched.addListener(function() {
  chrome.app.window.create('index.html',
    {'bounds': {'width': 500, 'height': 309}});
});

我写了一个小的 javascript 代码来处理全屏问题。但这不起作用：

chrome.app.window.current().onFullscreened.addListener(function(){ 
      var textbox = document.getElementById("sample");
      textbox.focus();
  });

请帮忙。

Answer 1

在 onFullscreened 处理程序中调用 console.log 以验证它是否被调用。current() 方法返回一个 AppWindow 对象，这肯定不是您想要附加事件处理程序的对象。也许 AppWindow 的 contentWindow 属性就是你想要的。试试看。