码迷,mamicode.com
首页 > 其他好文 > 详细

输入框中获取当前光标位置&设置光标位置

时间:2014-05-26 16:10:13      阅读:254      评论:0      收藏:0      [点我收藏+]

标签:style   c   class   blog   code   java   

  弹出窗中的输入项获取焦点时,如果输入框中有内容,将光标定位到文字结尾。

  开发的时候没有注意,直接focus了一下,结果被测试追杀了好久...

  获取输入框中光标位置:

bubuko.com,布布扣
function getCursorPos(ctrl){
  var pos = 0;
  if(document.selection){        //IE
    var range = document.selection.createRange();
    range.moveStart(‘character‘,-ctrl.value.length);
    pos = range.text.length;
  }else if(ctrl.selectionStart || ctrl.selectionStart == ‘0‘){//firefox
    pos = ctrl.selectionStart;
  }
  return pos;
}
bubuko.com,布布扣

  设置输入框中的光标位置:

bubuko.com,布布扣
function setCursorPos(ctrl,pos){
  if(ctrl.createTextRange){//IE
    var range = ctrl.createTextRange();
    range.collapse(true);
    range.moveStart(‘character‘,pos);
    range.moveEnd(‘character‘,pos);
    range.select();
  }else if(ctrl.setSelectionRange){//FF
    ctrl.focus();
    ctrl.setSelectionRange(pos,pos);
  } 
}
bubuko.com,布布扣

 

输入框中获取当前光标位置&设置光标位置,布布扣,bubuko.com

输入框中获取当前光标位置&设置光标位置

标签:style   c   class   blog   code   java   

原文地址:http://www.cnblogs.com/113dom/p/3746053.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!