javascript - 再び WYSIWYG、IE で最も単純な execCommand

Question

私は js/jquery で最も単純な WYSIWYG を書きました: http://jsfiddle.net/XnSWF/

ニューセット Opera 11、Chrome 16、Firefox 9、および Safari 5.1 では完全に動作します (例: 選択したテキストを太字で書く、または太字に設定する) が、IE9 では選択したテキストに太字を設定できず、常に太字ボタンを使用すると、このキャレットは最初の行から最初の文字に移動します...

なんで？

Answer 1

これはclick、IE でイベントが発生する前に選択が破棄されるためです。代わりにイベントを使用するmousedownか、(より良い) ボタンのテキストを選択不可にすることで、これを回避できます。

$('<li class="wysiwyg-bold"><b unselectable="on">textBold</b></li>')
    .appendTo('.wysiwyg-toolbar');

ライブデモ: http://jsfiddle.net/XnSWF/1/