How do I force focus on a texfield when the DOM is ready in iOS?

Question

How does one in iOS (iPad/iPhone/iPod) to force the focus on an input element when the DOM is ready, with jQuery?

I've got a barcode webpage, that needs the focus to be immediately on a textfield.

I've found jQuery will do just fine for IE,Firefox,Chrome,Safari,Android but iOS mobile Safari, and iOS mobile Chrome won't let me focus on a textfield when the DOM is ready.

This is what I have so far:

$j(document).ready(function() {
    $j('#barcode').focus();
});

Any ideas, guys/gals?

Answer 1

It is not possible on Mobile Safari and presumably Chrome on iOS. See the following duplicate SO questions:

• How do I focus an HTML text field on an iPhone (causing the keyboard to come up)?

• Mobile Safari: Javascript focus() method on inputfield only works with click

Running this fiddle in Mobile Safari or Chrome on iOS will confirm this answer.

$("input").focus(); // Does not focus input in Mobile Safari or Chrome on iOS.

This code has been tested (and failed) in Mobile Safari and Chrome on iOS on the following devices:

• iPhone 4 running iOS 7 beta 6
• iPad 2 running iOS 6.1.3
• iOS Simulator running iOS 7 beta 5