Warum funktioniert der document.execCommand nicht, wenn ich auf ein div klicke?

Question

Sowohl der Button als auch das div haben den selben "onclick" Code, aber der execCommand scheint nur auf dem Button zu funktionieren. Gibt es einen Weg, wie ich es schaffen kann, wenn ich div drücke?

Hier ist meine Geige: 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

Sie benötigen die mousedown Ereignis auf Ihrem div zu verhindern, weil es den Fokus stiehlt:

Updated fiddle

Answer 2

diese Geige Siehe: - http://jsfiddle.net/ZzL8y/4/
Dies ist nicht die vollständige Antwort, aber diese Links können Sie helfen: -

1>set execcommand just for a div

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

Answer 3

Für Firefox, ist es notwendig, contenteditable = true vor execCommand einzustellen.

Für IE ist es nicht notwendig.