在 mobile/tablets 的文本字段上隐藏键盘

Question

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

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

绑定datepicker的JS代码如下-

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

在桌面上，它工作正常。

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

我想在移动设备和平板电脑上为这个文本字段隐藏虚拟键盘。

我该怎么做？

Answer 1

我以前遇到过一次同样的问题，我通过输入

解决了它

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

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

document.activeElement.blur();

Hiding keyboard on a text field in mobile/tablets