相关疑难解决方法(0)

如何在contenteditable元素(div)中设置插入符号(光标)?

我以这个简单的HTML为例:

<div id="editable" contenteditable="true">
  text text text<br>
  text text text<br>
  text text text<br>
</div>
<button id="button">focus</button>
Run Code Online (Sandbox Code Playgroud)

我想要简单的事情 - 当我点击按钮时,我想将插入符号(光标)放入可编辑div中的特定位置.通过网络搜索,我将这个JS附加到按钮点击,但它不起作用(FF,Chrome):

var range = document.createRange();
var myDiv = document.getElementById("editable");
range.setStart(myDiv, 5);
range.setEnd(myDiv, 5);
Run Code Online (Sandbox Code Playgroud)

是否可以像这样设置手动插入位置?

javascript jquery caret contenteditable cursor-position

172
推荐指数
7
解决办法
14万
查看次数