js/jq获取textarea的光标位置实现光标位置插入内容

教程分享 > WEB技术 > JavaScript (3615) 2024-08-07 11:21:12

首先是获取textarea元素

js获取:

var content=document.getElementById('#content');

jquery 获取
var content=$('#content')[0];


 

获取光标位置

var cursurPosition=-1;
if(content.value&&content.value.length>0){
 if(content.selectionStart){//非IE浏览器
     cursurPosition= content.selectionStart;
  }else{//IE
    var range = document.selection.createRange();
    range.moveStart("character",-content.value.length);
    cursurPosition=range.text.length;
  }
}

cursurPosition = cursurPosition==0?1:cursurPosition;

获取光标前部分和光标后部分内容:
var startValue =content.value.substring(0,cursurPosition);
var endValue=content.value.substring(cursurPosition);

 

最后在startValue和endValue中间插入想要插入的内容即可。
 

https://www.leftso.com/article/586.html

相关文章
js/jQuery获取textarea的光标位置实现光标位置插入内容
Log4j 2 简介       Apache Log4j 2是对Log4j 1.x的升级,相对于其先前版本进行了重大改进,例如性能改进,自动重新加载已修改的配置文件,java 8 lambda...
Java EE 8 JSON Pointer讲解,Java EE 8包含JSON处理API的更新,并为最新的JSON标准提供最新的IEFT标准。
在初始化的Vue项目中,我们最先接触到的就是main.js,App.vue,index.html这三个文件,从下面创建的一个空白项目中可以看到:​关于三个文件的说明如下:index.html---主页
vue
方式一 spliceJavaScript 中的 splice() 方法可用于在数组中添加或删除元素。如果我们需要删除数组中的元素,可以使用 splice() 方
说明:json除了键值对的形式以外,还包括Array数列形式,这在mysql5.7及以上也是支持的,对Array中元素的操作相当于直接对键值对中的值操作,少了“键”的定位这一步,这里不单独展示,...
学习创建和配置使用JSP 模板文件渲染视图层的Spring Boot jsp 视图解析器