jQuery实现手机上输入后隐藏键盘功能

摘要: 例如,让用户输入手机发送验证码,输完11位手机号后,自动隐藏键盘

例如,让用户输入手机发送验证码,输完11位手机号后,自动隐藏键盘

表单大概这样的:

<div> <input type="tel" placeholder="请输入手机号码"> </div> <div> <div> <input type="tel" placeholder="请输入验证码" > <div> <span> <input value="获取" type="button"> </span> </div> </div> </div>

那么,jQuery大概是这样的:

$('#mobile').on('input',function(){ var mobile = $(this).val(); if(mobile.length == 11) { $('#get_verify').focus(); return false; } });

这是通过监听输入框里的值,如果是11位就把焦点移动“获取”这个按钮,从而实现键盘的隐藏!

ipone上测试可行!!!

引用路径:

以上所述是小编给大家介绍的jQuery实现手机上输入后隐藏键盘功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wwjzdp.html