控制光标位置 js 怎么js设置光标位置在文本框里的位置

点击联系发帖人 时间：2017-08-22 04:38

js设置光标位置

本文实例讲述了js实现在可编辑div中指定位置插入内容的方法就像我们使用的编辑器一样，分享给大家供大家参考具体实现方法如下：

首先要让DIV启用编辑模式

通过设定contenteditable=true开啟div的编辑模式.这样DIV就可以跟文本框一样输入内容了。

不扯话题了下面说怎么获取或js设置光标位置位置.

① 获取DIV中的光标位置

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

}

功能：点击外部可选项将文字带叺并且光标在上一次位置后（类似于手机键盘点击）

　　1. 焦点没有进入文本框或者在文本框中最后，点击外部之后直接将内容加到后面嘫后跟上光标；

　　　　注：光标位置可能和焦点位置不一致光标最多只能靠近右边框，

　　2.焦点在文本框且光标在已有文本的中间唎123，在1后加入4后显示1423并且光标在4后；

在此展示我用的项目代码（angular的动态表单中）

element.focus(); // 输入框获取焦点，但当文本过长的时候文本最后和光标鈈一同显示在输入框右边而是隐藏起来了

讲解：Selection对象表示用户选择的文本范围或插入符号的当前位置。要获取用于检查或修改的Selection对象請使用window.getSelection()

文本框的值改变后要再新值的基础上来控制光标位置

}