强制软键盘显示在 HTML 中的焦点输入上

Question

目前我正在为多个品牌创建智能电视应用。 当地一家设备商店愿意让我在他们的电视上测试该应用程序。 除了 Panasonic 设备上的一个错误，我发现的所有错误都不难修复。

该应用通过Panasonic IPTV Apps Developers (HTML5) App SDK 启动。 我有一个带有多个输入字段的登录屏幕，但是当一个焦点集中时，键盘不会显示。 因此，我无法输入任何信息，也无法离开或更改表单中的焦点。

第一个输入字段具有自动对焦。 我删除了自动对焦，认为它与未注册的焦点事件或类似事件有关。 但是在与输入字段进行手动交互后，该字段被聚焦，但没有显示键盘。

我的 HTML 输入字段示例：

<!-- Input username -->
<div class="row">
    <div class="col-xs-11 col-sm-8 col-sm-offset-2">
        <input type="text" class="form-control" name="username" id="username" placeholder="Gebruikersnaam" tabindex="1" autofocus>
    </div><!-- .col -->
</div><!-- .row -->

自动对焦输入字段的 Javascript 示例（成功登录后，我使用电视遥控器的箭头键导航 ul（我的菜单），因此使用选项卡索引和强制自动对焦。）

$(window).on("load", function() {
    $("[autofocus]").focus();
});

这里有人知道我可以尝试的另一种解决方案吗？

Answer 1

你可以试试这个-

在 javascript 中，prompt() 打开软键盘。

您可以尝试在输入字段的焦点事件上打开键盘并使其自动聚焦，您可以这样做。

$(textFiled).trigger("focus");

另外，等待 DOM 完全加载。希望这适用于您的设备。