jQuery檢測<input>是焦點時，從另一個模糊<input>

Question

我有兩個輸入元素在我的網頁上，我想檢測何時 #aa blur，是#bb focused？

---

這是我到目前爲止有：

HTML：

<input type="text" id="aa" name="aa"> 
<input type="text" id="bb" name="bb"> 

JQuery的：

$('#aa').blur(function() { 
    console.log($('#bb').is(':focus')); 
}); 

---

雖然它在理論上，輸出總是返回 false 。

我知道這是因爲＃aa的模糊事件總是發生在＃bb的焦點事件之前。

任何幫助表示讚賞

Answer 1

只要使用的setTimeout（）以0作爲偏移量將呼叫延遲到下一個週期。

$('#aa').blur(function() { 
 
    setTimeout(function(){ 
 
    console.log($('#bb').is(':focus')); 
 
    },0); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" id="aa" name="aa"> 
 
<input type="text" id="bb" name="bb">

Answer 2

如何使用全局變量，當發生在#aablur更新其值，然後在focus事件#bb使用它：

var i = 0; 

$('#aa').blur(function() { 
    i=1; 
}); 

$('input:text').not('#aa').blur(function() {//reset when other textboxes are blurred 
    i=0; 
}); 

$('#bb').focus(function() { 
    if(i==1){ 
     //it worked! 
    } 
});