在可编辑范围中获取光标位置

Get Cursor position in Edittable span

本文关键字：获取 光标 位置 范围 编辑      更新时间：2023-09-26

我有可编辑的span，我想在鼠标位置上添加文本。这个跨度有多行值和html标签。

[Link](http://jsfiddle.net/8txz9sjs/)

使用 Range.insertNode () : 

$('button').click(function() {
  var range= getSelection().getRangeAt(0),
      text= document.createTextNode('NEW TEXT');
  range.insertNode(text);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id='div_template' contenteditable="true">
    asdf asfd asd
 asdf 
    asdf asdf asdf asdf asdf asdf<br/>
adf asfd asdf  sdafasdf
 asdf asdf asd    
</div>
<button>Set Text</button>

相关文章：