Hey guys,

I'm having problems with applying focus() to an element inside a blur() event handler. I get different results in different browsers. Specifically, IE and Opera seem to work fine, Firefox doesn't seem to do anything, and Chrome and Safari only do half of the job.

Basically, I have an <input> with a blur() event handler attached to it. The event handler contains the code to apply focus to that same input, effectively disallowing the user to remove focus from the input.

1.  $(function() {
2.     $('#input').blur(function() {
3.         $(this).focus();
4.     });
5. });

Different things happen when you "tab" out of the input, or when you click off of it. Please see the two examples I have created here: http://129.116.43.133/temp/focus.html

What am I doing wrong? Is there a workaround for this issue?

Thanks for your help,
Trevor