原生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");

總結

以上是生活随笔為你收集整理的手机端页面,隐藏虚拟键盘的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。