在 JavaScript 中手动显示/隐藏设备键盘

Posted 2023-02-25

【中文标题】在 JavaScript 中手动显示/隐藏设备键盘

【英文标题】：Manually Show/Hide Device keyboard in JavaScript

【发布时间】：2014-09-11 13:35:23

【问题描述】：

我可以手动显示/隐藏设备键盘吗？

如果显示设备键盘，我的应用程序会出现奇怪的行为，例如，我点击了下一步按钮，那么 jQuery Mobile 的 CSS 就会失真。我在控制台中没有收到任何 javascript 或任何其他错误。任何帮助表示赞赏。

【问题讨论】：

***.com/questions/9060658/…

什么是“下一步”按钮？在键盘中，还是导航到应用程序中另一个页面的下一步按钮？请解释一下场景，以便重现。

它是页面上的“下一步”按钮，用于导航到应用程序中的另一个页面。

【参考方案1】：

我使用了以下问题中的一个建议（获得 84 票赞成的那个...），它对我来说效果很好：iPad Safari - Make keyboard disappear

假设您有一个<input type="text" id="myInput" />。

因此，在您的更改页面代码中，您可以执行以下操作，这将首先关闭键盘，然后执行页面导航：

function changeToPage1() 
    $("#myInput").blur();
    $(':mobile-pagecontainer').pagecontainer('change','page1.html');

在 ios 模拟器中测试，但在 android 中也应该可以工作。

【讨论】：

我已经进行了更改。到目前为止，它看起来不错。由于这是一个随机问题，我现在无法确定它是否有效。完成测试后，我会更新评论。

我认为它现在可以工作了。我已经在 5 种不同的设备上进行了测试。感谢您的解决方案。