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

Question

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

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

Answer 1

我在以下问题中使用了其中一个建议（获得 84 票赞成的那个......），它对我来说效果很好：iPad Safari - 让键盘消失

让我们假设你有一个<input type="text" id="myInput" />.

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

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

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