移动端关闭虚拟键盘

时间 2019-11-21

标签移动关闭虚拟键盘栏目无线繁體版

原文原文链接

那么document.activeElement.blur()为何能够阻止虚拟键盘弹出呢？缘由是：当你点击input的时候，document.activeElement得到了DOM中被聚焦的元素，也就是你点击的input，而调用.blur()方法，blur我相信你们都知道吧，就是取消聚焦。得到被聚焦的元素而后强制blur以达到没有聚焦的样子、、、感受绕了。code

优势：支持Android、iOS 缺点：须要添加额外的JS代码事件

这句代码加在什么地方？加入有以下HTMLinput

<div class="calendar">
        <div>
            <input type="text" id="datePicker" class="date_picker" placeholder="点击选择入住日期"/>
        </div>
</div>
那么这句JS加在事件处理方法中

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