Android默认浏览器键盘导致调整大小

Question

我正在网站上工作，我正努力让它在移动设备上运行。它大多数工作正常，但在Android默认浏览器中。

例如，我有日期的文本输入，我使用jquery日历来帮助用户。所以我真的不需要键盘，但无论如何它都会出现，因为它是一个输入......

问题是页面和本例中的整页框架大小调整，当我隐藏键盘时，大小不会恢复。旋转设备足以解决它，但我仍然无法告诉客户。

是否可以防止键盘出现或者可能触发会重新绘制页面的事件？

非常感谢您的帮助。

Answer 1

如果添加jQuery blur（）事件，则可以阻止日期选择器触发键盘。有关详细信息，请参阅此帖Disable setting of focus for jQuery UI datepicker。

Answer 2

根据经验，在移动浏览器中单击文本输入（默认功能）时，没有简单的方法可以强制键盘不亮。

如果用户总是使用日历来选择日期，那么您只需将文本输入切换为div元素。

给div一个click事件，当点击它时只需弹出jquery日历:)当他们选择日期时只需将它放在div中并且应该处理问题

另一种选择是简单地给你的textarea / input一个disabled =“disabled”属性，当用户点击它时，什么都不会发生。然后你可以创建自己的onclick来调出日历

$('#id').on('click', function()
{
   // bring up calender
});

当选择日期时，您可以通过javascript ..

将其插入textinput

如果他们实际上无法点击内部，键盘就不会出现！