如何使用 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

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

的输入元素

在JavaScript中：

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

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

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

Answer 2

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

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

原因：

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

有already an answer for this question.

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

How to trigger focus on input with monaca?

javascript

user-input

autofocus

ios

monaca