在手机/平板电脑的文本字段上隐藏键盘

Posted 2023-05-09

【中文标题】在手机/平板电脑的文本字段上隐藏键盘

【英文标题】：Hiding keyboard on a text field in mobile/tablets

【发布时间】：2016-09-03 03:48:55

【问题描述】：

我有一个使用引导日期选择器插件的文本字段。 文本字段如下-

<input id="Date" name="Date" type="text" value="">

绑定日期选择器的JS代码如下-

 $('#Date').datepicker(
        format: "dd MM, yyyy",
        disableTouchKeyboard: true,
        todayHighlight: true
    );

在台式机中，它可以正常工作。

我在手机和平​​板电脑上遇到问题 - 当用户单击此文本框时，它会显示日历以及虚拟键盘。

我想在移动设备和平板电脑的文本字段中隐藏虚拟键盘。

我该怎么做？

【问题讨论】：

我之前遇到过同样的问题，我通过输入 $('#Datet').blur(); 解决了它让我知道它是否有效

酷！这行得通。谢谢。

【参考方案1】：

我之前遇到过同样的问题，我通过输入解决了它

$('#Datet').blur();

只是在其他情况下它不会帮助您使用，所以这是一个纯 JS 代码来处理它

document.activeElement.blur();