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

原创文章,作者:jamestackk,如若转载,请注明出处:https://blog.ytso.com/243606.html

(0)
上一篇 2022年4月11日
下一篇 2022年4月11日

相关推荐

发表回复

登录后才能评论