Perché il document.execCommand non funziona quando clicco su un div?

Question

Sia il pulsante che il div hanno lo stesso codice 'onclick', eppure execCommand sembra funzionare solo sul pulsante. C'è un modo per farlo funzionare quando si preme il div?

Ecco il mio violino: 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

È necessario impedire l'evento mousedown sul div perché ruba il fuoco:

Updated fiddle

Answer 2

Vedere questo violino: - http://jsfiddle.net/ZzL8y/4/
Questa non è la risposta completa, ma questi collegamenti potrebbe aiutare a: -

1>set execcommand just for a div

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

Answer 3

Per Firefox, è necessario impostare contenteditable = true prima execCommand.

Per IE non è necessario.