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

禁止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
給個評價吧
贵州11选5开奖直播 广西快乐十分福彩开奖 万得股票开户 四川快乐12开奖号码走势图 龙江风采36选7开奖结果 河北十一选五开奖结果一定牛 江西11选5电视图表走势图网 融凯配资 体彩辽宁11选5怎么玩 配资平台哪个好推荐杨方配资 湖北11选5预测推荐