javascript contenteditable：將光標設置爲字符偏移量

Question

我需要將光標設置爲特定的字符偏移量。在下面的例子中，我想，例如，將其設置在「a」和「b」之間。

<ul contenteditable = true > 
    <li id = "test">abcdef</li> 
</ul> 

我問過和得到這個小提琴：http://jsfiddle.net/5a9uD/1/

在給定的例子，什麼我需要它，然後偉大的工作。不過，這並不與這個例子的工作：http://jsfiddle.net/mdwWN/它得到的IndexSizeError在

range = sel.getRangeAt(0); 

Answer 1

你只需要通過文本容器的childNodes[0]到range.setStart功能。 看看這個。

function setSelectionRange(aNode, childElem, aOffset) { 

    aNode.focus(); 

    var sel = window.getSelection(), 
    range = sel.getRangeAt(0); 

    range.collapse(true); 

    range.setStart(childElem.childNodes[0], aOffset), 

    sel.removeAllRanges(); 
    sel.addRange(range); 
} 

var container = document.getElementById("test"); 
var childElement = document.getElementById('item1'); 
setSelectionRange(container, childElement, 1); 

這裏是working fiddle。