將鍵盤隱藏在手機/平板電腦的文本字段中

Question

我有一個使用Bootstrap Datepicker插件的文本字段。 文本字段如下-

<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();