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

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

光标位置 textarea JavaScript

版权所有 © 【代码谷】 欢迎非商用转载，转载请按下面格式注明出处，商业转载请联系授权，违者必究。（提示：点击下方内容复制出处）

源文：《js/jq获取textarea的光标位置实现光标位置插入内容》，链接：https://www.daimagu.com/article/586.html，来源：【代码谷】