亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

如何做出系統的IP地址輸入框效果

如何做出系統的IP地址輸入框效果

明月笑刀無情 2019-04-08 11:17:26
Windows系統的IP輸入框，體驗很好，輸滿了3位就可以自動到下一個焦點。使用jquery做了一個類似的http://jsfiddle.net/chromefans/3P5FU/但是運行下就會發現其實體驗并不是很好，因為如果我要編輯第二個框的第二個數字，會立刻觸發keyup然后跳到下一個……有想過判斷光標位置之類的，但是感覺不“優雅”…，求助有沒有優雅的辦法。
查看完整描述

2 回答

?
月關寶盒

TA貢獻1772條經驗 獲得超5個贊

屏蔽掉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-08
  • 2 回答
  • 0 關注
  • 427 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號