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

时间:2015-07-28 17:49:56

标签: javascript ios user-input autofocus monaca

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

2 个答案:

答案 0 :(得分:3)

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

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

原因:

Cordova iOS Configuration KeyboardDisplayRequiresUserAction 设置为 true (默认为 true

already an answer for this question

答案 1 :(得分:1)

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

在JavaScript中:

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

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

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