欢迎光临一流素材网,免积分免费素材下载!
当前位置:首页 > 教程 > 网站开发

禁止H5手机站自带键盘弹出的方法

所属栏目:网站开发更新时间:2019-11-29 来源:网络 原作者:不详 发布:deepdfhy浏览:0

免费开源可商用的PHP万能建站程序-DiYunCMS(帝云CMS)

在开发移动端项目时,常常需要实现一些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
给个评价吧