Calling $().focus on a textarea in Firefox doesn't work as expected

Question

I've reproduced the problem here: http://jsfiddle.net/Rc52x/5/

If you click on Click here! while using Chrome, the textarea gains focus and you can start typing as expected.

If you click on it while using Firefox (I'm using 3.6.15 right now), the textarea does NOT gain focus and typing does nothing.

What the heck?

Most likely FF's not cancelling the click event on the click here link, so focus is stolen back to the link — Marc B, Mar 11 '11 at 20:55

score 4 · Accepted Answer · answered Mar 11 '11 at 20:53

4

You need to prevent the default action of the link: http://jsfiddle.net/JAAulde/Rc52x/7/

Firefox is following it causing the textarea to lose focus after gaining.

answered Mar 11 '11 at 20:53

JAAulde

score 1 · Answer 2 · answered Mar 11 '11 at 21:00

1

This works:

$(document).ready(function () {
    $("a#focus").click(function(e) {
        $("#Body").focus();
        return false;
    });
});

return false prevents from navigating to "#..."

answered Mar 11 '11 at 21:00

2 Answers2