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

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


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

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,"")'>

猜你喜欢

转载自patronli.iteye.com/blog/2324314