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

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

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

相关文章:

你感兴趣的文章:

标签云: