直接先看代码:
html:
<div class="calendar">
<div>
<input type="text" id="datePicker" class="date_picker" placeholder="点击选择入住日期"/>
</div>
</div>
js:
$("#datePicker").focus(function(){
document.activeElement.blur();
});
document.activeElement.blur()阻止虚拟键盘弹出的原因是:
当你点击input的时候,document.activeElement获得了DOM中被聚焦的元素,也就是你点击的input,而调用.blur()方法,
blur()我相信大家都知道吧,就是取消聚焦。获得被聚焦的元素然后强制blur()以达到没有聚焦的样子。