Is it possible to focus the same textbox on it's onBlur() event?

Question

I have HTML:

<input type="text" id="text1" onBlur="focusMe(this.id);" />

and javascript function:

function focusMe(Id)
{
document.getElementById(Id).focus();
}

Answer 1

I would just pass the control directly. Why pass the ID just to get the control back from it again?

Markup:

<input type="text" id="text1" onBlur="focusMe(this);" />

Javascript:

function focusMe(elem)
{
  elem.focus();
}

Answer 2

Well, running your code shows that it doesn't work, and probably with very good reason.

Since I'm here, I should point out that you can actually pass a reference to this rather than this.id and save some hassle:

onBlur="focusMe(this)"

function focusMe(el) {
    el.focus();
}

But it doesn't work anyway, so it's a tad moot.

Answer 3

It is possible:

function focusMe(Id) {
    setTimeout(function() {document.getElementById(Id).focus();}, 0);
}

Your script is not working because onBlur is called just before the focus is lost.

Two remarks:

• you'd better use a reference to the input rather than its id
• why do this?!