Question

我刚刚了解了onfocusout，onfocusin，但这些功能似乎不起作用。我用firefox和chrome试了一下。完全没有控制台消息，即使我有焦点并松开它。我做错了什么？

window.addEventListener
(
  "onfocusout",
  function()
  {
    console.log("page lost focus");
  }
);

window.addEventListener
(
  "onfocusin",
  function()
  {
    console.log("page has focus");
  }
);

<h1>Test</h1>

Answer 1

使用addEventListener时，不要将“on”与事件名称

一起使用

function example(evt) {
    console.log(evt.type, event.target.id);  
}

window.addEventListener("focusin", example);
window.addEventListener("focusout", example);

<input type="text" id="foo" />
<input type="text" id="bar" />

如果您想知道页面状态，那么您需要查看不同的事件：pageshow和pagehide

Answer 2

我已就此做过一些研究。你只会获得＆＃34;焦点＆＃34;当您实际选择文本字段时。来源：w3schools

那么您正在寻找的是控制台在您最小化屏幕时记录某些内容？或选择另一个窗口？如果是这样，我发现了关于此here

的帖子

onfocusout / onfocusin无法正常工作

2 个答案: