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

最新推荐文章于 2021-03-23 06:49:28 发布

原创最新推荐文章于 2021-03-23 06:49:28 发布 · 2.5k 阅读

4 ·

CC 4.0 BY-SA版权

js基础专栏收录该内容

38 篇文章

订阅专栏

本文详细介绍了如何使用JavaScript控制网页中输入框的文本选中区域和光标位置，包括选中全部文本和部分文本的方法，以及实现这些功能的具体代码示例。

参考：http://www.5imoban.net/jiaocheng/jquery/201808013373.html

在这里插入图片描述

基本的认识：

文本选中区域光标：页面中闪烁的光标其实就是特殊的宽度为0的选区。 简单理解就是选区的左右边界交叉形成了光标。 有了这个概念下面的内容就很好理解了。

文本选中

//选中所有文字
input.selectionStart = 0; //选中区域左边界
input.selectionEnd = input.value.length; //选中区域右边界
//上面的代码可以选中输入框的全部内容。和下面效果完全一致：
input.select();

//选中部分文字
input.selectionStart = 1;//选中区域左边界
input.selectionEnd = 4; //选中区域右边界