¿Por qué no funciona el document.execCommand cuando hago clic en un div?

Question

Tanto el botón como el div tienen el mismo código 'onclick', sin embargo, el comando exec solo parece funcionar en el botón. ¿Hay alguna manera de que pueda hacer que funcione al presionar el div?

Aquí es mi violín: 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

Debe impedir que el evento mousedown en su div porque roba el foco:

Updated fiddle

Answer 2

Ver este violín: - http://jsfiddle.net/ZzL8y/4/
Esta no es la respuesta completa, pero estos enlaces pueden ayudar: -

1>set execcommand just for a div

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

Answer 3

Para Firefox, es necesario establecer contenteditable = true antes execCommand.

Para IE no es necesario.