阻止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()
})