javascript - onfocusout/onfocusin 不工作

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