html - 是否可以告诉移动设备自动弹出自动对焦元素的键盘？

Question

我正在使用 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}}"/>
   

现在这一切正常，我唯一的问题是在手机上，当我点击添加新任务按钮时，它会专注于新的输入，但我必须再次点击输入字段才能获得键盘弹出。

是否可以让键盘自动弹出？

Answer 1

在 iOS 上，这种可能性被禁用，因为 iOS 设计师担心 Web 开发人员会过度使用它，从而分散用户注意力或让用户感到困惑。我猜在 Android 上它取决于构建，但如果大多数人会遵循类似的原则，我不会感到惊讶。

所以简而言之，不，没有办法以编程方式专注于移动设备上的文本字段。