获取/设置input中的鼠标光标位置

原创 2015年07月06日 17:26:14

在我们实现字符分隔时,在一定的程度上增加了用户体验。但是使用replace时,不能控制光标的位置。如何设置呢?

步骤:

1、获取光标位置:var pos = this.selectionEnd;//获取鼠标位置

2、设置光标位置:this.setSelectionRange(pos,pos);//设置鼠标位置

OK。你搞定了!

相关文章推荐

javascript设置input编辑框光标的位置

function set_text_value_position(obj, spos){ var tobj = document.getElementById(obj); if(spos
  • xxm524
  • xxm524
  • 2015年07月12日 10:02
  • 2423

控制input的text框的光标位置

    function   cc()     {         var   e   =   event.srcElement;         var   r   =e.createTextRa...

JS获取文本框焦点光标位置、选中起始位置、终止位置、选择内容

Demo:点击下载Dmo 参考文献: 最近在segmentfault上看到它的日期输入控件,感觉挺有意思。好吧,动手写一个,加到自己的代码库里吧。       然后问题来了,在上面图...

css解决input里面光标位置靠上问题

在css中如果我们定义了input高度在输入时会发现光标位置靠上了不在居中了,那么我们要如何解决此问题,下面一起和小编来看看吧。 最近再做一个项目,发现input输入框内的光标有点怪异:不输...

将input中的光标移动到文字的末尾后,怎么用js显示光标当前的位置?

将input中的光标移动到文字的末尾后,怎么用js显示光标当前的位置?鉴于加深对window.document的理解,写了点东西加深印象需求: 在点击了编辑之后,直接重置光标的位置和显示光标当前...

javascript获取光标位置以及设置光标位置

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

JavaScript 获取输入时的光标位置及场景问题

前言 在输入编辑的业务场景中,可能会需要在光标当前的位置或附近显示提示选项。 比如社交评论中的@user功能,要确保提示的用户列表总是出现在@字符右下方,又或者是在自定义编辑器中 autocom...

jQuery设置聚焦并使光标位置在文字最后

遇到一个问题:表单输入框设置了文字,然后使用jQuery的焦点停留设置办法focus()进行处理。结果发现光标位置在firefox下停留的位置不对——停留在文字的最前边! 只有IE浏览器下是正常...
  • niuox
  • niuox
  • 2012年02月10日 11:21
  • 17143

js控制输入框光标位置(setSelectionRange详解)

问题描述前段时间碰到一个需求:在表单中有一个字段叫金额,用户希望点击该输入框后(focus),能够自动为其金额数字后加上“万元”两个字。 虽然这个需求可以通过其他的设计方式规避(例如在文本框后加入“...

光标自动定位到输入框

功能要求描述:打开ie,然后在地址栏中输入网址,显示系统登录页面,光标自动进入第一个输入框。 js代码: window.onload=function() { if(document....
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:获取/设置input中的鼠标光标位置
举报原因:
原因补充:

(最多只允许输入30个字)