45fan.com - 路饭网

搜索: 您的位置主页 > 电脑频道 > 编程代码 > 阅读资讯:Javascript如何获取和设置光标的位置?

Javascript如何获取和设置光标的位置?

2015-08-06 14:53:48 来源:www.45fan.com 【

Javascript如何获取和设置光标的位置?

本文实例讲述了Javascript实现获取及设置光标位置的方法。分享给大家供大家参考。具体如下:

在项目开发中经常遇到input等设置光标位置到最后的问题,今天我查了一下Google,找到了在IE、Firefox、Opera等主流浏览器的获取光标位置(getCursortPosition)以及设置光标位置(setCursorPosition)的函数。

1. 获取光标位置函数:

function getCursortPosition (ctrl) {
 var CaretPos = 0; // IE Support
 if (document.selection) {
 ctrl.focus ();
  var Sel = document.selection.createRange ();
  Sel.moveStart ('character', -ctrl.value.length);
  CaretPos = Sel.text.length;
 }
 // Firefox support
 else if (ctrl.selectionStart || ctrl.selectionStart == '0')
  CaretPos = ctrl.selectionStart;
 return (CaretPos);
}

2. 设置光标位置函数:

function setCaretPosition(ctrl, pos){
 if(ctrl.setSelectionRange)
 {
  ctrl.focus();
  ctrl.setSelectionRange(pos,pos);
 }
 else if (ctrl.createTextRange) {
  var range = ctrl.createTextRange();
  range.collapse(true);
  range.moveEnd('character', pos);
  range.moveStart('character', pos);
  range.select();
 }
}

希望本文所述对大家的javascript程序设计有所帮助。


本文地址:http://www.45fan.com/bcdm/16970.html
Tags: 实现 获取 JavaScript
编辑:路饭网
推广内容
推荐阅读
热门推荐
推荐文章
关于我们 | 联系我们 | 友情链接 | 网站地图 | Sitemap | App | 返回顶部