为了账号安全,请及时绑定邮箱和手机立即绑定

如何做出系统的IP地址输入框效果

如何做出系统的IP地址输入框效果

MMMHUHU 2019-04-09 20:23:54
Windows系统的IP输入框,体验很好,输满了3位就可以自动到下一个焦点。使用jquery做了一个类似的http://jsfiddle.net/chromefans/3P5FU/但是运行下就会发现其实体验并不是很好,因为如果我要编辑第二个框的第二个数字,会立刻触发keyup然后跳到下一个……有想过判断光标位置之类的,但是感觉不“优雅”…,求助有没有优雅的办法。
查看完整描述

2 回答

?
胡说叔叔

TA贡献1804条经验 获得超8个赞

屏蔽掉keycode为8(退格)和46(delete)的keyup响应如何?这样删除字符就不会触发了
$('.rgbinput').keyup(function(e){
varinput=$('.rgbinput');
if($(this).val().length==$(this).attr('maxlength')&&!(e.keyCode==8||e.keyCode==46)){
input.eq(input.index($(this))+1).focus();
}
嗯那就试试不要在在keyup马上验证而是在keyup后延时0.1秒验证
$('.rgbinput').keyup(function(e){
setTimeout(function(){
if($(this).val().length==$(this).attr('maxlength')&&!(e.keyCode==8||e.keyCode==46)){
input.eq(input.index($(this))+1).focus();
}
},100);
                            
查看完整回答
反对 回复 2019-04-09
  • 2 回答
  • 0 关注
  • 277 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号