当焦点在其他元素上时，保持对可编辑DIV的选择

Question

我已经遇到这个问题很长时间了，我只是想不通如何解决它。我想创建一个简单的WYSYWYG编辑器，我遇到了一些问题。

目前我有这个：

<div id="editor" contenteditable="true"></div>
<input type="button" value="B" 
       onmousedown="document.execCommand('bold',false,null); return false;"/>

所以，如果我的DIV中有一些文本，选择它并单击“B”它会转换为BOLD，并保持选中状态，但这不适用于Opera和IE。

我只是不知道如何使可编辑的DIV不仅保持焦点而且还保留文本选择。

有什么想法吗？

Answer 1

两种可能的选择是：

• 使用mousedown代替click并阻止默认浏览器操作：http://jsfiddle.net/dA9NK/
• 使按钮无法选择：http://jsfiddle.net/8hpvv/