0
点赞
收藏
分享

微信扫一扫

阻止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/shallow-right@3x.png" alt="" class="right-arrow arrow1">     </div> </div>

页面显示效果如下:

阻止input输入框弹出输入法_代码片段

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

阻止input输入框弹出输入法_点击事件_02

 

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

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

 


举报

相关推荐

0 条评论