How to focus an input field on Android browser through javascript or jquery

Question

I\'ve tried $(\'#field\').focus(), and any other method found on the internet. Nothing worked. I have a simple html that reproduces the problem.

Answer 1

click() or focus() alone is not enough. You need to focus() then click(). Beware of endless loops if your script is triggered by an onclick() on a containing element. The script below is working for me on Chrome for android 58 and Safari mobile 602.1. Soft keyboard popping nicely.

var target = document.getElementsByTagName("input")[0];

if (event.target != target) {
    target.focus();
    target.click();
}