网站地图    收藏   

主页 > 前端 > javascript >

js获取光标在输入框的位置实例

来源:自学PHP网    时间:2014-09-19 14:47 作者: 阅读:

[导读] 在js获取光标在输入框的位置我们需要借助于document.selection.createRange(),然后经过一些判断得到当前光标在输入框的位置哦,当然还有直接使用jquery来实例,下面我一起介绍一下。...

selection的createRange方法

document.selection.createRange() 根据当前文字选择返回 TextRange 对象,或根据控件选择返回 ControlRange 对象。

配合 execCommand,在 HTML 编辑器中很有用,比如:文字加粗、斜体、复制、粘贴、创建超链接等。

实例一:

 代码如下 复制代码

<textarea cols=50 rows=15>
哈哈。我们都是新生来得。大家都来相互帮助呀。这样我们才能进步,我们才能赚大钱!</textarea>
<input type=button value=选择字后点击我看看 onclick=alert(document.selection.createRange().text)>
</form>


说了这么多费话我们来看一个光标在输入框的位置实例

 代码如下 复制代码

function getCursortPosition(domObj) {
 var position = 0;

 if (document.selection) { //for IE
  domObj.focus();
  var sel = document.selection.createRange();
  sel.moveStart('character', -domObj.value.length);

  position = sel.text.length;
 } else if (domObj.selectionStart || domObj.selectionStart == '0') {
  position = domObj.selectionStart;
 }

 return position;
}

在js获取当前光标在输入框的位置,可以使用如下方法,兼容IE、chrome、firefox以及safari

相关参考 jquery/40412.htm">jquery获取光标所在位置  http://www.111cn.net/wy/jquery/40412.htm

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论