移動端關閉虛擬鍵盤

那麼document.activeElement.blur()爲何能夠阻止虛擬鍵盤彈出呢？緣由是：當你點擊input的時候，document.activeElement得到了DOM中被聚焦的元素，也就是你點擊的input，而調用.blur()方法，blur我相信你們都知道吧，就是取消聚焦。得到被聚焦的元素而後強制blur以達到沒有聚焦的樣子、、、感受繞了。

優勢：支持Android、iOS 缺點：須要添加額外的JS代碼

這句代碼加在什麼地方？加入有以下HTML

<div class="calendar">
        <div>
            <input type="text" id="datePicker" class="date_picker" placeholder="點擊選擇入住日期"/>
        </div>
</div>
那麼這句JS加在事件處理方法中

$("#datePicker").focus(function(){
      document.activeElement.blur();
});