如何在contenteditable元素（div）中设置插入符（光标）的位置？

如何在contenteditable元素（div）中设置插入符（光标）的位置？

在大多数浏览器中，您需要

Range

和

Selection

对象。您可以将每个选择边界指定为一个节点，并在该节点内指定一个偏移量。例如，要将插入符号设置为文本第二行的第五个字符，请执行以下 *** 作：

var el = document.getElementById("editable");var range = document.createRange();var sel = window.getSelection();range.setStart(el.childNodes[2], 5);range.collapse(true);sel.removeAllRanges();sel.addRange(range);

IE <9的工作原理完全不同。如果需要支持这些浏览器，则需要其他代码。