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

Answer 2

我已经对此进行了一些研究。 当您实际选择一个文本字段时，您只会获得“焦点”。 资料来源： w3schools

因此，您想要的是让控制台在最小化屏幕时记录某些内容？ 或选择另一个窗口？ 如果是这样，我在这里找到了有关此的帖子

Answer 3

只需使用下面的代码片段，它更易于阅读，但与事件处理程序相同:-)

$(function(){
  $('.yourfocuselement').focus(function(){
      //The code for element focus goes here
    })
    $('.yourfocuselement').blur(function(){
      //The code for element lose focus goes here
    })
})

另外，我可能不了解此代码对您的完整要求，但是我不明白为什么您需要为页面焦点添加一个侦听器...