js实现类似淘宝的电话号的验证 XXX-XXXX-XXXX

Question

回删的时候光标不出现错位或者异常的移动（下面的代码再回删的时候，光标会异常，移动光标的时候也哟有问题）：

 $('#tel').keydown(function(e){

          var tel = $(this).val();

          var len = tel.length;

          var keyCode  = e.keyCode;

          var lenReg =  /^((\d{0,3}))$/

              var valueTxt;

                  if(len<3){

                      valueTxt = tel;

                  }else if(len<8){

                      tel = tel.replace(/[-－—]/g,"");

                      valueTxt = tel.substring(0,3)+"-"+tel.substring(3,len+1);

                  }else{

                      tel = tel.replace(/[-－—]/g, "");

                      valueTxt = tel.substring(0,3)+"-"+tel.substring(3,7)+"-"+tel.substring(7,len+1);

                  }

              $(this).val(valueTxt);

     });