2013-06-04 13 views
10

Ich versuche, Fokus auf das Eingabefeld und zeigt Android-Tastatur mit jquery Mobile auf pageshow.Set Fokus auf Eingabefeld und zeigt Android-Tastatur mit jquery Mobile auf pageshow

Ich habe viele Optionen aus dem Internet versucht. aber keiner funktioniert wie erwartet in Emulator und Handy. Hier

ist der Code:

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Title</title> 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 
     <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/> 
     <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> 
    </head> 
    <body> 
     <div data-role="page" id="main"> 
      <div data-role="header"><h3>Set Focus, Show Keyboard</h3></div> 
      <div data-role="content"> 
       <label for="gotoPage"></label> 
       <input type="text" name="gotoPage" id="gotoPage" placeholder="Question No." data-mini="true" /> 
      </div> 
     </div>        

     <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> 
     <script> 
      $(document).on('pageinit',"[data-role=page]", function() { 

      }); 

      $(document).on('pagebeforeshow',"[data-role=page]", function() {     

      }); 

      $(document).on('pageshow',"[data-role=page]", function() { 
       $('#gotoPage').focus().select();       
      }); 
     </script> 
     <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>  
    </body> 
</html> 

Die Screenshots Referenz

enter image description here

enter image description here

Mit freundlicher Beratung ... Vielen Dank im Voraus ...

HINWEIS:

Per Omar Kommentar in ios fein arbeitet .... jeder kann vorschlagen, wie wir arbeiten diese in Android bekommen?

+0

Ich denke nicht, das 'select()' ' – krishgopinath

+0

$ benötigt wird (document) .auf ('pageshow'" [data-role = Seite] ", function() {$ ('# gotoPage'). trigger ('click')});' unter 'setTimeout' müssen Sie eventuell eine Verzögerung einstellen. – Omar

+0

können Sie bitte den genauen Code angeben ... – Yesvinkumar

Antwort

3

Die Lösung, die für mich funktioniert:

$("#main").on("pageshow" , function() { 
$('#gotoPage').focus(); 
}); 
+1

Diese Lösung funktioniert nicht in Android 4.0.4. –

Verwandte Themen