input使用replce禁止输入,在字符串中间添加字符光标会跳转到字符串最后解决办法

input使用replce禁止输入,在字符串中间添加字符光标会跳转到字符串最后,但会出现光标跳转到字符串最后再跳转到删除位置(光标闪烁),不知道怎么解决闪烁问题,希望有网友能有好的解决办法。

var card={
  cardValue : "",//保存银行卡
  pos : ""//光标位置
}
//银行卡号 
$(document).on('input', '.cardList .account', function(){
  card.pos = this.selectionEnd;//获取当前光标位置
  var _me=this;
  if (this.value.length <  card.cardValue.length) {//当删除时不做处理
      card.cardValue=this.value;
  } else{//输入
      var reg = /^[0-9]*$/;
      if (!reg.test(this.value)) {//输入非数字时
          this.value = (function(a){//替换
             card.cardValue = a.length >= 16  ? a.substring(0,16) : a.replace(/\D/g, '');
             setTimeout(function(){//重置光标位置
               _me.setSelectionRange(card.pos-1,card.pos-1);        
             },100);
             return card.cardValue;

          })(this.value);     

      }else{//输入数字
          card.cardValue=this.value;
      }

  };
});
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值