当文本框输入完后手机键盘自动隐藏

在手机上使用输入法给文本框输入值,当点击文本框手机输入法自动出来,是因为获得了焦点事件,那么怎么才能让输入完之后就让输入法智能的隐藏掉


下面就拿一个输入手机号的文本框为例,例如支付宝在充值话费的时候,输入完手机号,手机键盘自动隐藏:

js事件如下(该事件要写在function里面):


$('#mobileNo').on('input',function(){
var mobile = $(this).val();//实时获取当前文本框的值
if(mobile.length == 11) {//如果发现长度已经达到手机号的11位
$('#mobileNo').blur();//那么就让文本框失去焦点,输入法失去焦点就自动隐藏
}
});


jsp文本框(onkeyup限制只能输入数字):

<input class="num_01" type="text" name="mobileNo" maxLength="11" id="mobileNo" value="请输入手机号" style="font-family:Microsoft YaHei" onkeyup='this.value=this.value.replace(/\D/gi,"")'>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值