jquery - 嵌套的 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);