当输入集中在Web应用程序上时显示键盘

Question

我们正在开发一个移动和桌面应用程序，当我们在移动版本上使用键盘未显示的.focus()时，我们尝试触发焦点函数$('#numeroCheque').focus(function(){ $('#numeroCheque').trigger('click'); });内的点击/ p>

但仍然没有显示键盘，之前是否有人遇到过这个问题，我们可以做些什么来解决它。感谢。

Answer 1

据我了解，您无法在移动设备上以编程方式将焦点设置为输入元素。需要进行某种用户交互。如果构建Cordova应用程序，可以使用配置文件中的KeyboardDisplayRequiresUserAction设置禁用此功能。但这只是在你希望将你的应用程序包装在Cordova中时。

参考：https://cordova.apache.org/docs/en/2.7.0/guide/project-settings/ios/

另一个选项是设置input元素属性autofocus，但即便如此，我认为这也不适用于移动设备。

Answer 2

确保您的键盘元素具有对键盘交互的本机支持，并且该元素可以跨不同平台接收键盘焦点。 还要确保.focus（）的tabindex属性是正确的。

Answer 3

聚焦是不够的，你需要一个点击事件来触发焦点，并等到页面完全加载。

$(document).ready(function() {
    $('#numeroCheque').click(function(e){
        $(this).focus();
    });
});