contentEditable javascript插入div中的插入符号

Question

我有一个contentEditablediv.

假设用户单击一个将HTML插入可编辑区域的按钮.

因此,他们点击一个按钮,下面添加到innerHTML了的contentEditableDIV:

<div id="outside"><div id="inside"></div></div>

如何自动将光标(即插入符号)放在"内部"div中？更差.如何在IE和FF中工作？

Answer 1

对于IE:

var range= document.body.createTextRange();
range.moveToElementText(document.getElementById('inside'));

range.select();

对于Mozilla:

var range= document.createRange();
range.selectNodeContents(document.getElementById('inside'));

var selection= window.getSelection();
selection.removeAllRanges();
selection.addRange(range);

从理论上讲,Mozilla版本也应该适用于Webkit和Opera.在实践中,Webkit不会选择任何内容,Opera会选择整个页面.叹.这仍然不是很好的支持领土.