javascript - 如何使用 monaca 触发对输入的关注？

Question

我正在使用 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 框架做到这一点？

Answer 1

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

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

原因：

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

这个问题已经有了答案。

Answer 2

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

在 JavaScript 中：

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

但这正是您所做的，所以我不明白为什么它不适用于您的情况。

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