ansaurus

Question

Putting focus on a textbox in onchange event

Answer 1

+2 A:

When the onchange event is fired, the user is focused on the textbox.

Maybe you might want to use the blur event to re-focus on the textbox if the value is 'foo'.

If you need instantaneous results, you should use onkeyup.

<body>
Enter your name: <input type="text" name="fname" id="fname" onkeyup="
  if(this.value=='foo'){
    this.select();
    this.focus();
  }
  "  />
</body>

Jacob Relkin 2010-01-19 22:59:53

I need the whole value to be entered before I can evaluate if the textbox should remain focused or not.

Earlz 2010-01-19 23:03:46

Answer 2

+1 A:

According to http://stackoverflow.com/questions/2058249/javascript-onchange-different-in-ie-and-firefox I needed to set the focus after the onchange event occurs, so I had to end up with something like this:

Enter your name: <input type="text" name="fname" id="fname" onblur="
  if(this.value=='foo'){
    alert('bah');
    setTimeout('document.getElementById(\'fname\').focus();document.getElementById(\'fname\').select();',0);
  }
  "  />

And also I had to catch it when the focus was lost, not necessarily when the text was changed, so I had to use onblur instead of onchange.

Live: http://jsbin.com/ofeva

Earlz 2010-01-19 23:24:34

ansaurus

tags:

views:

answers:

Putting focus on a textbox in onchange event

related questions