为什么不document.execCommand工作时，我点击一个div？

Question

两个按钮和DIV具有相同的“onClick”代码，但在将execCommand似乎只能在按钮上工作。有什么办法可以使它在按div时工作吗？

这里是我的小提琴： http://jsfiddle.net/foreyez/ZzL8y/

<button onclick="document.execCommand('bold',false,null);">Bold</button> 
<div onclick="document.execCommand('bold',false,null);" style='border:1px solid black;width:50px;'>Bold</div> 

<div id='input' contenteditable='true'> 
    select some of this text and then hit one of the buttons above 
</div> 

Answer 1

您需要防止您的div的mousedown事件，因为它偷焦点：

Updated fiddle

Answer 2

看到这个小提琴： - http://jsfiddle.net/ZzL8y/4/
这不是完整的答案，但这些链接可以帮助你： -

1>set execcommand just for a div

2>select all text in contenteditable div when it focus/click

Answer 3

对于Firefox，这是必要的execCommand之前设置CONTENTEDITABLE =真。

对于IE它是没有必要的。