2013-11-10 6 views
0

Я использую Meteor, и у меня есть кнопка «Добавить новую», которая при нажатии, исчезает и на ее месте появляется текстовое поле.Можно ли сообщить мобильному устройству автоматически всплывать клавиатуру для элемента автофокуса?

Я не буду вникать в логику того, как он переключается между кнопкой и входом, поскольку он совершенно не связан. Но код HTML ниже.

  1. бит, который переключается между кнопкой и текстовым полем

    <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> 
    
  2. шаблоном из insertNewTask

    <input class="col-xs-9" autofocus="autofocus" placeholder="Enter your new task and press enter" 
         id="insertTask" type="text" value="{{name}}"/> 
    

Теперь все это работает, единственная проблема, с которой я столкнулся, заключается в том, что на мобильном телефоне, когда я нажимаю кнопку «Добавить новую задачу», она будет фокусироваться на новом вводе, но мне нужно снова нажать на поле ввода, чтобы чтобы всплывать клавиатура.

Возможно ли, чтобы клавиатура автоматически всплыла?

ответ

2

В iOS эта возможность отключена, так как дизайнеры iOS опасались, что веб-разработчики будут злоупотреблять ею так, как это нарушает или запутывает пользователя. Я думаю, на Android это зависит от сборки, но я не удивлюсь, если большинство будет следовать аналогичному принципу.

Итак, нет, нет возможности программно сфокусироваться на текстовом поле на мобильном телефоне.

+0

ok ... так логика, когда клавиатура появляется на мобильном устройстве только тогда, когда нажимают на вход, а не когда он получает фокус? – Diskdrive

+0

Справа. «Фокус» немного вводит в заблуждение на мобильных устройствах. –

+0

Невозможно программно сфокусировать текстовое поле на мобильном телефоне? 'document.getElementById (...). focus()', похоже, работает для меня на iOS Safari – Andy