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

Question

我已经有这个问题很长时间了，我只是不知道如何解决它。我想创建一个简单的所见即所得编辑器，但我遇到了一些问题。

目前我有这个：

<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/