概述

最近在做基于H5开发的微信公众号前端页面时，使用input输入框来作为laydate.js日期插件的容器，在移动端需要禁用手机的软件盘。

参考

HTML DOM activeElement 属性

功能

当文本框获取焦点时，需要禁止手机弹出自带的输入键盘；
禁用手机软键盘的原因：在移动端，当用户点击input的时候，会默认调出手机软键盘；

解决方案

在网上搜索后采用如下的解决方案：

<div class="input-group">
        <span class="input-group-addon" id="sizing-addon1">出生日期</span>
        <input type="text" class="form-control"  aria-describedby="sizing-addon1" id="birthDate" placeholder="请选择" name="birthday" > </div>

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

说明：
activeElement ： 返回文档中当前获得焦点的元素