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

教程分享 > WEB技术 > JavaScript > 博文分享 (4111) 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中间插入想要插入的内容即可。
 


相关文章
js/jQuery获取textarea的光标位置实现光标位置插入内容
本文说一下在thymeleaf模板引擎中,如何给 textarea 赋值
如何将MySQL数据目录更改为CentOS 7上的新位置
ckeditor绑定keyup/keydown等事件实现一些功能,比如实时保存$(function(){//1编辑器初始化$('textarea#blog_content').ckeditor();
Java如何复制目录,Java基础教程系列,如果要将目录及其包含的所有子文件夹和文件从一个位置复制到另一个位置,请使用下面的代码,该代码使用递归遍历目录结构,然后使用Files.copy()函数...
效果图参考服务配置编辑文件 /usr/share/perl5/PVE/API2/Nodes.pm 跳转到 my $dinfo =位置,编辑成如下所示
首先是地点选择我去的点是江北区车管所,目前导航位置是:江北区公安交交通巡逻警察大队车辆管理所(也可以直接高德地图输入江北车管所
Microsoft Edge 浏览器退出(关闭)时清楚浏览记录随着Microsoft Edge不断升级,在Windows 11上的Microsoft Edge浏览器退出时候清除浏览记录和之前的界...
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中元素的操作相当于直接对键值对中的值操作,少了“键”的定位这一步,这里不单独展示,...
1.下载资源包(略)​资源文件2.VMware新建虚拟机​自定义​下一步​ISO引导文件(资源中的文件)​选择Linux 64位​名称及位置自己根据情况选择  ​虚拟机CPU资源分配​虚拟机内存...