Я использую Meteor, и у меня есть кнопка «Добавить новую», которая при нажатии, исчезает и на ее месте появляется текстовое поле.Можно ли сообщить мобильному устройству автоматически всплывать клавиатуру для элемента автофокуса?
Я не буду вникать в логику того, как он переключается между кнопкой и входом, поскольку он совершенно не связан. Но код HTML ниже.
бит, который переключается между кнопкой и текстовым полем
<tr> {{#if isAddNew }} <td></td> <td>{{> insertNewTask }}</td> {{else}} <td></td> <td> <button id="btnNewTask" class="btn btn-success" role="button">New Task</button> </td> {{/if}} </tr>
шаблоном из insertNewTask
<input class="col-xs-9" autofocus="autofocus" placeholder="Enter your new task and press enter" id="insertTask" type="text" value="{{name}}"/>
Теперь все это работает, единственная проблема, с которой я столкнулся, заключается в том, что на мобильном телефоне, когда я нажимаю кнопку «Добавить новую задачу», она будет фокусироваться на новом вводе, но мне нужно снова нажать на поле ввода, чтобы чтобы всплывать клавиатура.
Возможно ли, чтобы клавиатура автоматически всплыла?
ok ... так логика, когда клавиатура появляется на мобильном устройстве только тогда, когда нажимают на вход, а не когда он получает фокус? – Diskdrive
Справа. «Фокус» немного вводит в заблуждение на мобильных устройствах. –
Невозможно программно сфокусировать текстовое поле на мобильном телефоне? 'document.getElementById (...). focus()', похоже, работает для меня на iOS Safari – Andy