H5禁止手机自带键盘弹出

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

解决方案：

html代码

<div class="calendar">
        <div>
            <input type="text" id="datePicker" class="date_picker" placeholder="点击选择入住日期"/>
        </div>
        <div>
            <input type="text" id="datePicker2" class="date_picker" placeholder="点击选择离开日期"/>
        </div>
    </div>

js代码

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

接下来见证奇迹的时刻到了，手机自带的键盘，奇迹就不见了。 

转载于:https://www.cnblogs.com/zishan/p/8058693.html