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

Question

我创建了一个简单的 chrome 应用程序，它只有一个 id 为“sample”的文本 div 元素。我正在 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 属性就是你想要的。试试看。