JS光标定位到文本框字符串末尾

  JS光标定位到文本框字符串末尾

  在开发网站表单的时候,为了给用户良好的体验度,在验证表单数据的时候,我们会先使用JavaScript来进行表单数据的验证,如果用户输入的数据不对,我们就可以马上给出提示信息。

  为了更进一步给用户良好的体验感,比如用户在几个文本框内输入了数据,提交的时候,某个文本框内的数据不对,我们在提示哪项数据不符的情况下,再把光标定位到该项文本框内。我们在这么做的时候,会发现一个问题,就是光标位置的问题,光标虽然定位到了指定的文本框内,但是出现在了字符串的前面,理想的状态是定位到字符串的末尾。

  下面是处理的一个方法:

  /**

  * 光标定位

  * obj 文本框id

  * spos 需要定位的位置

  */

  function set_text_value_position(obj, spos){

  var tobj = document.getElementById(obj);

  if(!spos)

  var spos = tobj.value.length;

  if(tobj.setSelectionRange){ //兼容火狐

  setTimeout(function(){

  tobj.setSelectionRange(spos, spos);

  tobj.focus();bjbjm.page4.me;

  shjz.page4.me;

  tjjz.page4.me;

  cqjz.page4.me;

  hebjz.page4.me;

  jlbjz.page4.me;

  syjz.page4.me;

  dljz.page4.me;

  asbjz.page4.me;

  jnjz.page4.me;

  qdjz.page4.me;

  zbbjz.page4.me;

  dybjz.page4.me;

  ytbjz.page4.me;

  wfbjz.page4.me;

  tyjz.page4.me;

  xajz.page4.me;

  sjzjz.page4.me;

  tsbjz.page4.me;

  qhdjz.page4.me;

  lybjz.page4.me;

  zzjz.page4.me;

  whjz.page4.me;

  csjz.page4.me;

  wxjz.page4.me;

  njjz.page4.me;

  szjzi.page4.me;

  nbjz.page4.me;

  hzjz.page4.me;

  fzjz.page4.me;

  xmjz.page4.me;

  kmjz.page4.me;

  cdjz.page4.me;

  hfjz.page4.me;

  gyjz.page4.me;

  xzjz.page4.me;

  ntjz.page4.me;

  jhjz.page4.me;

  zjjz.page4.me;

  yzjz.page4.me;

  ncjz.page4.me;

  szjz.page4.me;

  gzjz.page4.me;

  zsjz.page4.me;

  stjz.page4.me;

  fsjz.page4.me;

  lzjz.page4.me;

  zhjz.page4.me;

  hzzjz.page4.me;

  yzzjz.page4.me;

  xnjz.page4.me;

  whzjz.page4.me;

  czjz.page4.me;

  bjjz.page4.me;

  shzjz.page4.me;

  tjzjz.page4.me;

  cqzjz.page4.me;

  hezjz.page4.me;

  jzjz.page4.me;

  syzjz.page4.me;

  dlzjz.page4.me;

  asjz.page4.me;

  jnzjz.page4.me;

  qdzjz.page4.me;

  zbjz.page4.me;

  dyjz.page4.me;

  ytjz.page4.me;

  wfjz.page4.me;

  tyzjz.page4.me;

  xazjz.page4.me;

  szjzz.page4.me;

  tsjz.page4.me;

  qhzjz.page4.me;

  lyjz.page4.me;

  zzzjz.page4.me;

  whjzz.page4.me;

  cszjz.page4.me;

  wxzjz.page4.me;

  njjzz.page4.me;

  zszjz.page4.me;

  nbzjz.page4.me;

  hzjzz.page4.me;

  fzzjz.page4.me;

  xmzjz.page4.me;

  kmzjz.page4.me;

  cdzjz.page4.me;

  hfzjz.page4.me;

  gyzjz.page4.me;

  xzzjz.page4.me;

  ntzjz.page4.me;

  jhzjz.page4.me;

  zzjzz.page4.me;

  yzjzz.page4.me;

  yzjzz.page4.me;

  gzjzz.page4.me;

  szjzzz.page4.me;

  zsjzz.page4.me;

  stzjz.page4.me;

  fszjz.page4.me;

  lzzjz.page4.me;

  zhzjz.page4.me;

  hzjzzz.page4.me;

  yczjz.page4.me;

  xnzjz.page4.me;

  zwhjz.page4.me;

  czzjz.page4.me;

  }, 0);

  }else if(tobj.createTextRange){ //兼容IE

  var rng = tobj.createTextRange();

  rng.move('character', spos);

  rng.select();

  }

  }

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值