嵌套的Contenteditable不会专注于Opera

Question

我遇到了嵌套的contenteditable div的问题。在Mozilla和Webkit中它都能正常工作。您可以在嵌套div中或在父级内单击，光标将按预期显示。问题在于Opera。我可以将光标放在父div中，但是当我在嵌套div中单击时，没有光标。这是我的例子：

http://jsfiddle.net/Hawkee/gSd2p/1/

首先单击链接以添加嵌套div。您会看到，如果单击嵌套div上方的“代码”，光标将会出现，但是只要您在div中单击它就会消失。

Answer 1

将焦点返回到Opera中的div的解决方法：

var range = document.createRange();
range.selectNodeContents(document.getElementById('yourdiv'));
range.collapse(false);
var selection = window.getSelection();
selection.removeAllRanges();
selection.addRange(range);