Question

How can I focus an HTML5 <button> element (preferrably with jQuery)?

I have tried:

$('#myButton').focus();

and

$('#myButton').trigger('focus');

I tried it with and without a tabstop on the button, and no luck so far.

Answer 1

Figured it out. I was trying to focus the button from within another event handler (which apparently doesn’t work).

My solution was to add a simple 1ms timeout:

window.setTimeout(function () { $('#myButton').focus(); }, 1);

This makes it work perfectly.