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

Question

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

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

Answer 1

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

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

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

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

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