阻止input输入框弹出输入法

页面代码片段为：

<div class="weui-cell">

    <div class="weui-cell__hd"><label class="weui-label">载重</label></div>

    <div class="weui-cell__bd">

        <input class="weui-input" id="load" placeholder="请选择" type="text" readonly>

        <img src="../../images/[e-mail]" alt="" class="right-arrow arrow1">

    </div>

</div>

页面显示效果如下：

但是在某些手机，弹框会被输入法挡住，如下图所示：

 

 为了阻止input输入框弹出输入法遮挡屏幕，又不影响点击事件，解决方法为加上this.blur()，即可。

$("#load").click(function(){
    this.blur()
})