onfocusout/onfocusin çalışmıyor

Question

Sadece onfocusout, onfocusin hakkında öğrendim, ancak bu işlevler işe yaramıyor. İkisini de firefox ve krom ile denedim. Odaklandığımda ve gevşettiğimde bile hiç konsol mesajı yok. Neyi yanlış yapıyorum? Eğer sayfa durumu hakkında merak ediyorsanız olay ismi

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

---

ile "açık" kullanmayan addEventListener ile

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

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

<h1>Test</h1>

Answer 1

daha Farklı olaylara bakmanız gerekir: pageshow ve pagehide

Answer 2

Bununla ilgili bazı araştırmalar yaptım. Ve aslında bir metin alanı seçtiğinizde sadece "odak" kazanırsınız. kaynak: w3schools

Ne arıyorsanız, ekran en aza indirdiğinizde konsolun bir şey oturum açmak için mi? veya başka bir pencere seçin Eğer öyleyse ben bu here

Answer 3

Sadece, okumak daha kolay aşağıdaki kod parçacığını kullanmak konusunda bir yazı buldum ama Ayrıca ben tam gereksinimleri bilmiyor olabilir

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

:-) olay işleyicileri aynı yapar Bu koddan, ancak neden sayfa odakları için bir dinleyici eklemeniz gerektiğini görmüyorum ...