這個問題，確實困擾了我好久，但是今天解決了。在網上搜索答案，全都是用DIV模擬input框實現，沒有一個真正解決這個問題的，現在我只需要一句代碼就可以完完整整的解決這個問題。

---

先看下問題吧：

這個是我自制的一個日歷，在沒有選擇日期前她是這個樣子的，感覺還可以吧

但是好景不長，當我將手放進選擇框選日期的時候，手機自帶的鍵盤就彈出來了，完全蓋住的頁面，好心塞，有么有？

---

解決方案：

HTML代碼

<div class="calendar"><div><input type="text" id="datePicker" class="date_picker" placeholder="點擊選擇入住日期"/></div><div><input type="text" id="datePicker2" class="date_picker" placeholder="點擊選擇離開日期"/></div></div>

JS代碼

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

接下來見證奇跡的時刻到了，手機自帶的鍵盤，奇跡就不見了。
看下面效果圖，6不6，你就說！什么div模擬input方法，你試試就知道………….我就只呵呵了……

總結

以上是生活随笔為你收集整理的H5禁止手机自带键盘弹出的全部內容，希望文章能夠幫你解決所遇到的問題。

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