当前位置:首页 > 教程 > 网站开发

禁止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
给个评价吧