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

Question

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

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

与datepicker绑定(bind)的JS代码如下-

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

在桌面上，它工作得很好。

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

每当移动设备和平板电脑的文本字段受到关注时，我想隐藏该文本字段的虚拟键盘。

我怎样才能做到这一点？

Answer 1

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

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

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

document.activeElement.blur();