歡迎光臨一流素材網,免積分免費素材下載!
當前位置:首頁 > 教程 > 網站開發

禁止H5手機站自帶鍵盤彈出的方法

所屬欄目:網站開發更新時間:2019-11-29來源:作者:deepdfhy瀏覽:0

在開發移動端項目時,常常需要實現一些input的特殊輸入效果,比如日期選擇等等,但手機默認會彈出鍵盤來,會擋住我們自己的輸入控件。

如下圖這樣,擋住了日期選擇控件。

image


解決辦法

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

也就是給input添加 class="date_picker" 

再來個JS代碼

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


這樣就不會彈出手機鍵盤了。


收藏 0 有幫助 0 沒幫助 0 打賞 0
給個評價吧
长百集团股票行情