/ / Come mostrare la tastiera ogni volta che inserisci la casella di testo: javascript, css, windows-phone-8, textbox, ibm-mobilefirst

Come mostrare la tastiera ogni volta che inserisci la casella di testo: javascript, css, windows-phone-8, textbox, ibm-mobilefirst

Sono nuovo a Worklight e avendo molti problemi con esso.

Sto sviluppando un'applicazione utilizzando BingMaps. Nella mia app, utilizzo un pulsante Cerca. Quando un utente vuole cercare in qualche luogo, la mia app mostra una casella di testo, quindi l'utente digita un indirizzo. (Quando l'utente usa questo pulsante, deve toccare la casella di testo ancora una volta per mostrare la tastiera)

Ma non so come mostrare la tastiera con la casella di testo ogni volta che un utente tocca il pulsante Cerca.

Questo è il mio codice

<div id="divSearchA" style=" display:none; position:absolute; top:300px; left:90px; right:0px;height:100px; background-color:gray; opacity:0.7;">
<b>Search Box: </b><input id="txtSearchA" style="width:213px" type="text">
<br>
<button id="btSearch" onclick="LoadSearchModule()" type="button">Search</button>
</div>

risposte:

0 per risposta № 1

Una tastiera di solito viene visualizzata quando l'attenzione è su un campo di input.

Dalla tua descrizione capisco che nel tuo caso il campo di testo è nascosto, e per visualizzarlo l'utente finale tocca il pulsante "cerca",
Quindi, quello che proverei a fare è: una volta premuto il pulsante di ricerca, quel campo otterrà la messa a fuoco automatica, quindi la tastiera dovrebbe venire anche alla vista.

Non l'ho ancora provato, quindi non posso esserne certo:

  1. Prova ad aggiungere il autofocus Attributo HTML5 al tuo campo di testo. Vedi se è sufficiente
  2. Nel caso in cui 1 mostrerà una tastiera anche quando il campo di testo è nascosto, prova ad aggiungerlo dinamicamente dopo aver premuto il pulsante "cerca".