Getting .focus() jquery on an input field to automatically display soft keyboard on mobile devices

Question

I've looked at a few tutorials around this topic and seems nearly impossible to use javascript /jquery to get the keyboard to display as soon as a user lans on the page. so far i have:

<textarea id="play_challenge" class="no_hover" autofocus></textarea>

 $('.message').fadeOut('fast', function(){
    $('#challenge').fadeIn('fast');
    $("#play_challenge").select();
    $("#play_challenge").focus();
    $("#play_challenge").trigger('change');
        });

So I'd just like to take this opportunity to ask around the question but still related. Has anyone integrated java and/or objective-c for android and ios respectively into a html/php web page? My thinking was to load the soft keyboard into my web app via any way possible. Its for a word typing game.

And also if anyone has had any good experiences with phonegap, jquerymobile, sencha or any other web app platforms with its possible expandable capabilities of such instances.

Community · Accepted Answer · 2017-05-23 11:55:58Z

2

With or without soft keyboard, this can be done for iOS with cordova by adding the property

KeyboardDisplayRequiresUserAction=NO;

to your Cordova.plist file and then just call

$("textfieldID").focus();

You can read more about it here

edited May 23, 2017 at 11:55

CommunityBot

11 silver badge

answered Dec 11, 2012 at 23:21

Jonathan

2,9833 gold badges29 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Getting .focus() jquery on an input field to automatically display soft keyboard on mobile devices

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related