如何使用 monaca 触发对输入的关注？答案

【问题标题】：How to trigger focus on input with monaca?如何使用 monaca 触发对输入的关注？
【发布时间】：2015-07-28 17:49:56
【问题描述】：

我正在使用 Onsen UI 和 Monaca 构建适用于 iOS 和 Android 的移动应用程序。一旦#search-city 页面可见，我想将焦点放在#search-cities 输入字段上。

我试过了：

$(document).on('pageinit', '#search-city', function() {
  console.log('pageinit: #search-city');
  // doesn't work!
  $('#search-cities').focus();
});

我正在 iOS 上对其进行测试，并且 focus() 没有将搜索字段设置为焦点。有没有办法用 onsen/monaca 框架做到这一点？

【问题讨论】：

标签： javascript ios user-input autofocus monaca

【解决方案1】：

我知道几个月前有人问过这个问题，这仍然发布，以防有人仍在寻找解决方案。

如果您一直无法在 iOS 设备上自动聚焦输入字段。

原因：

Cordova iOS Configuration KeyboardDisplayRequiresUserAction 设置为 true（默认为 true）

有already an answer for this question。

【讨论】：

【解决方案2】：

您编写的代码应该可以正常工作。我创建了一个 ID 为 my-page 的元素，其中包含一个 ID 为 my-input 的输入元素。

在 JavaScript 中：

$(document).on('pageinit', '#my-page', function() {
  $('#my-input').focus();
});

但这正是你所做的，所以我不明白为什么它在你的情况下不起作用。

工作示例： http://codepen.io/argelius/pen/jPXoNN

【讨论】：

它在网络上运行良好，但无法专注于我的 iOS 设备。我很乐意在这个问题上找到一些解决方法。