JavaScript - 檢測兩個輸入中哪一個都沒有焦點

Question

當頁面上的兩個輸入都沒有焦點時，我想要調用某個函數。如果用戶只是從一個輸入切換到另一個輸入，我不希望該函數被調用。有任何想法嗎？

Answer 1

試試這個（編輯）：

<input type="text" onfocus="doFocus(1)" onblur="doBlur(1)"/> 
<input type="text" onfocus="doFocus(2)" onblur="doBlur(2)"/> 

<script> 
var fstate=[]; // focus state 
fstate[1] = false; 
fstate[2] = false; 

function doit() { alert('lost focus'); } 

function doBlur(i) { 
    fstate[i]=false; 
    // give some time to the other element to receive focus 
    // because the onblur event gets fired before the onfocus 
    setTimeout("if (!fstate[1] && !fstate[2]) doit();",50); 
} 

function doFocus(i) { fstate[i]=true; } 
</script> 

Answer 2

試試這個：當文本框被集中，當它失去焦點設置爲false

<input type="text" Id="Text1" onfocus="InTextbox()" onblur="OutOfTextBox()"/> 
<input type="text" id="Text2" onfocus="InTextbox()" onblur="OutOfTextBox()"/> 


<script> 
var inTextBox=false; 
function InTextBox() 
{ 
    inTextBox=true; 
} 
function OutOfTextBox() 
{ 
    inTextBox=false; 
} 

function YourFunction() 
{ 
    if(inTextBox) return; //one of the textboxes has focus so return 
    ....... 
} 
</script> 

變量inTextBox設置爲true。