Js移动input框的光标至末尾

最新推荐文章于 2023-07-27 17:08:03 发布

原创最新推荐文章于 2023-07-27 17:08:03 发布 · 5.3k 阅读

1 ·

CC 4.0 BY-SA版权

本文介绍了一段JavaScript代码，该代码能够自动为全国组织机构代码输入框添加分隔符，当输入超过8位数时，自动插入'-'作为分隔线，并确保光标定位在最后一位。此功能通过监听输入事件并使用定时器来实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//input框输入全国组织机构代码自动加-作为分割线
   me.addLine = function() {
       var text = $("#IdentNo").val();
       text = text.replace(/-/g, "");
   //   $("#IdentNo").val(text);
       if (text.length > 8) {
           var h = text.substring(0, 8);
           var e = text.substring(8);
           var v = h + '-' + e;
           $("#IdentNo").val(v);
           setTimeout(function(){
               me.setCaretPosition($("#IdentNo").get(0));
           },10);
       }
   };

   //移动光标至最后一位
   me.setCaretPosition = function(ele) {
       ele.blur();
       ele.focus();
       var len = ele.value.length;
       if(document.selection){
           var sel = ele.createTextRange();
           sel.moveStart('character', len);
           sel.collapse();
           sel.select();
       }else {
           ele.selectionStart = ele.selectionEnd = len;
       }
   };