Why The "focusin" Event Handler Isn't Called?

Why in the following code the focusin event handler isn't called ? HTML:

Click Here

&

Solution 1:

For some reason, I'm not positive why, .focus() doesn't trigger the focusin event.

You can replicate this behaviour by changing the focus line to add .trigger('focusin').

so your fadeIn code becomes:

$('#wrapper').fadeIn(500, function() {
    $('input:first').focus().trigger('focusin');
});

You can test it here: http://jsfiddle.net/yt7Jd/

EDIT: As Jason mentioned, you can also call the .focusin() method instead of the .trigger('focusin').

EDIT 2: It appears to be a bug in 1.4.3. It has been logged with the jQuery team for fixing: http://bugs.jquery.com/ticket/7340

Share