onfocusout/onfocusin not working

Question

私はちょうど約onfocusout、onfocusinについて学んだが、これらの機能は動作していないようです。私はfirefoxとchromeの両方でそれを試しました。私がフォーカスを持っていて、それを緩めても、コンソールメッセージは全くありません。何が間違っているのですか？ページの状態に疑問を抱いている場合は、イベント名

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" />

---

で "オン" を使用していないのaddEventListenerで

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

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

<h1>Test</h1>

Answer 1

、よりあなたは別のイベントを見る必要があります：pageshowとpagehide

Answer 2

私はこれに関するいくつかの研究を行ってきました。また、実際にテキストフィールドを選択した場合にのみ、「フォーカス」が得られます。ソース：w3schools

だから、あなたが探しているのは、画面を最小化するときにコンソールが何かを記録することですか？別のウィンドウを選択しますか？ ので、私はこのhere

Answer 3

に関する記事がすぐ下のコードスニペットを使用した場合、それは読みやすいですが、

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

:-)イベントハンドラと同じでも、私はあなたの完全な要件を知らないかもしれませんこのコードから、私はページフォーカスのリスナーを追加する必要がある理由がわかりません。