contentEditable div显示：无/阻止Chrome上的焦点问题

Question

我有一个contentEditable div，在某些情况下获得display: none，然后再次display: block（inline-block），div.focus() display时使用block设置为{{1}}，但光标位于文本的开头，我无法将其位置更改为在Chrome上结束。

当div得到焦点时，如何将光标设置在最后？

Answer 1

这使用jQuery但可以推广到普通的JavaScript。重要的是：

var range = document.createRange(),
    selection = window.getSelection();

range.setStartAfter(div.lastChild); // set cursor

selection.removeAllRanges();
selection.addRange(range); // apply cursor position

http://jsfiddle.net/te93D/1/