原生js中沒有方法來控制手機虛擬鍵盤的隱藏與顯示,當輸入框得到焦點時會自動彈出虛擬鍵盤,很多時候頁面已經滾動到別處了,鍵盤應該隱藏了,可鍵盤還是沒收回,這時候可用個變通的辦法了隱藏鍵盤.

首先在頁面增加一個input元素:

<input type="text" class="input-null" id="input-null" readonly>

css如下

.input_null {
    display: block;
    width: 100px;
    height: 45px;
    position: fixed;
    right:0;
    top:0
 
;
    background: rgba(0,0,0,0);
}

js觸發一下這個input的得到焦點事件即可(jQuery的寫法):

$("#input-null").trigger("focus");

手機端頁面,隱藏虛擬鍵盤