JavaScript - Detecting when neither of two inputs has focus

Question

I want a certain function to be called when neither of two inputs on the page has focus. If the user merely switches from one input to the other, I do not want the function to be called. Any ideas?

Answer 1

Try this:

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

variable inTextBox is set true when a textbox gets focused and set to false when it loses focus.

Answer 2

try this (edited):

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