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

Show keyboard when input is focused on web application

本文关键字：程序上 显示 键盘 应用程序 应用 输入 集中 web      更新时间：2023-09-26

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

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

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

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

另一个选项是设置input元素属性autofocus，但我认为即使这样也无法在移动设备上工作。

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

聚焦是不够的，您需要一个点击事件来触发聚焦，然后等待页面完全加载。

$(document).ready(function() {
    $('#numeroCheque').click(function(e){
        $(this).focus();
    });
});
相关文章：