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

编程教程 > WEB > JavaScript (3082) 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的光标位置实现光标位置插入内容
javascript中onclick事件传递对象参数,javascript,javascript传递对象参数
JavaScript/JS读取文本/JSON文件内容let file = files[0];var reader = new FileReader();read
JavaScript/JS数组清空,删除数组内所有数据。Array=[]与Array.length=0的区别
JavaScript H5原生操作元素class,包括获取元素class值,设置class值修改元素class值操作。示例数据 <head&gtl; <meta cha
​JavaScript 数学小数精确计算<!DOCTYPE html&gtl; <html&gtl; <head&gtl; <title&gtl;</tit...
简介 使用 JavaScript 改变 URL 参数值并且页面不刷新的方法有两种模式:使用 History replaceState使用 History pus
JavaScript正则加上/去掉cdn域名前缀,文本支持<script&gtl;let $domain="https://static-project.example
方式一 spliceJavaScript 中的 splice() 方法可用于在数组中添加或删除元素。如果我们需要删除数组中的元素,可以使用 splice() 方
<body&gtl; <script type="text/javascript"&gtl;   function test(){     let obj={        ...
元素之间位置简介元素到父元素之间的距离,可以表示为两个元素之间的 offset 值。offset 是元素的位置和尺寸信息,是相对于上级元素的。offsetLef
JavaScript/jquery选择同级兄弟节点选择上下级节点方法<script&gtl;function js_selector() {var s= documen
javascript(js)onclick 传递多个字符变量参数<a title="点击下载附件" onclick="downloadFile(\''+row.url+'\',\''+ro...
JavaScript集合(Array)转树(tree)结构js 原生数组转树形结构 /** * 将list装换成tree * @param {Object} myId 数据主键id * ...
在IDEA中对如下标签进行修改:File-&gtl;settings-&gtl;Languages & Frameworks-&gtl;JavaScript 中的参数JavaScript lan...