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

编程教程 > WEB > JavaScript (3092) 2025-01-27 10:16:58

首先是获取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中间插入想要插入的内容即可。
 


评论
User Image
提示:请评论与当前内容相关的回复,广告、推广或无关内容将被删除。

相关文章
js/jQuery获取textarea的光标位置实现光标位置插入内容
本文说一下在thymeleaf模板引擎中,如何给 textarea 赋值
javascript中onclick事件传递对象参数,javascript,javascript传递对象参数
JavaScript/JS数组清空,删除数组内所有数据。Array=[]与Array.length=0的区别
JavaScript/JS读取文本/JSON文件内容let file = files[0];var reader = new FileReader();read
简介 使用 JavaScript 改变 URL 参数值并且页面不刷新的方法有两种模式:使用 History replaceState使用 History pus
JavaScript正则加上/去掉cdn域名前缀,文本支持<script&gtl;let $domain="https://static-project.example
​JavaScript 数学小数精确计算<!DOCTYPE html&gtl; <html&gtl; <head&gtl; <title&gtl;</tit...
JavaScript H5原生操作元素class,包括获取元素class值,设置class值修改元素class值操作。示例数据 <head&gtl; <meta cha
Javascript/JS 复制内容到系统剪切板/粘贴板/** * 复制内容到剪切板 * @param content 文本内容 */function copy
前言在其他编程语言中,我们可以通过划分模块,来组织庞大复杂的项目,而JS一开始并没有模块的概念,因为一开始JS的脚本就很简单。后来随着JS的发展,前端要开发的项
方式一 spliceJavaScript 中的 splice() 方法可用于在数组中添加或删除元素。如果我们需要删除数组中的元素,可以使用 splice() 方
1.创建一个User对象,并且赋予一个说hello的方法var User=function(){ this.sayHello=function(name){ a
<body&gtl; <script type="text/javascript"&gtl;   function test(){     let obj={        ...
元素之间位置简介元素到父元素之间的距离,可以表示为两个元素之间的 offset 值。offset 是元素的位置和尺寸信息,是相对于上级元素的。offsetLef