移动端禁止手机自带键盘弹出

逃离我推掉我的手 2022-05-27 06:47 272阅读 0赞

这个问题，确实困扰了我好久，但是今天解决了。在网上搜索答案，全都是用DIV模拟input框实现，没有一个真正解决这个问题的，现在我只需要一句代码就可以完完整整的解决这个问题。

--------------------

### 先看下问题吧： ###

这个是我自制的一个日历，在没有选择日期前她是这个样子的，感觉还可以吧

![这里写图片描述][20161028180500096]

但是好景不长，当我将手放进选择框选日期的时候，手机自带的键盘就弹出来了，完全盖住的页面，好心塞，有么有？

![这里写图片描述][20161028180513222]

--------------------

### 解决方案： ###

HTML代码

JS代码

$("#datePicker").focus(function(){
            document.activeElement.blur();
        });
    $("#datePicker2").focus(function(){
            document.activeElement.blur();
        });接下来见证奇迹的时刻到了，手机自带的键盘，奇迹就不见了。

看下面效果图，6不6，你就说！什么div模拟input方法，你试试就知道………….我就只呵呵了……

![这里写图片描述][20161028180526816]

转载地址：[https://blog.csdn.net/qq\_24147051/article/details/52958610][https_blog.csdn.net_qq_24147051_article_details_52958610]

[20161028180500096]: /images/20220527/7e831e4277c1494e952788d32f39a95b.png
[20161028180513222]: /images/20220527/908fe6e53ab046e3a0b28ef2789390a0.png
[20161028180526816]: /images/20220527/6ae600c5834e4c95bd5f8d70bdf46582.png
[https_blog.csdn.net_qq_24147051_article_details_52958610]: https://blog.csdn.net/qq_24147051/article/details/52958610