Dlaczego dokument.execCommand nie działa po kliknięciu elementu div?

Question

Zarówno przycisk, jak i element div mają ten sam kod "onclick", ale polecenie execCommand wydaje się działać tylko na przycisku. Czy jest jakikolwiek sposób, który sprawi, że zadziała po naciśnięciu przycisku div?

Oto moje skrzypce: 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

Trzeba zapobiec zdarzenie mousedown na div ponieważ kradnie ostrość:

Updated fiddle

Answer 2

Zobacz ten skrzypce: - http://jsfiddle.net/ZzL8y/4/
To nie jest pełna odpowiedź, ale te linki mogą pomóc: -

1>set execcommand just for a div

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

Answer 3

Dla Firefox, trzeba ustawić contenteditable = true przed ExecCommand.

Dla IE nie jest to konieczne.