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

位置:首页>文章>详情   分类: 教程分享 > Java教程   阅读(1599)   2023-03-28 11:29:14

首先是获取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的光标位置实现光标位置插入内容
本文说一下在thymeleaf模板引擎中,如何给 textarea 赋值
如何将MySQL数据目录更改为CentOS 7上的新位置
ckeditor绑定keyup/keydown等事件实现一些功能,比如实时保存$(function(){//1编辑器初始化$('textarea#blog_content').ckeditor();
Java如何复制目录,Java基础教程系列,如果要将目录及其包含的所有子文件夹和文件从一个位置复制到另一个位置,请使用下面的代码,该代码使用递归遍历目录结构,然后使用Files.copy()函数...
一、配置idea setter模板首先 按快捷键   Alt+Insert 弹出generater 对话框​弹出对话框​点击箭头指的位置,弹出以下内容:​上面首先点击绿色的‘+’号添加一个模板,...
centos7升级内核,centos 7
Log4j 2 简介       Apache Log4j 2是对Log4j 1.x的升级,相对于其先前版本进行了重大改进,例如性能改进,自动重新加载已修改的配置文件,java 8 lambda...
Java编程中,很多报表系统需要导出Excel文件,并且某些时候需要导出一定的图形统计,其实就是将图片放在Excel中,下面讲解Java如何实现Excel图片编辑插入
直接设置SecurityContextHolder内容方式配置spring security