所见即所得，IE最简单的execCommand

Question

我在js / jquery中写了最简单的所见即所得：http://jsfiddle.net/XnSWF/

在新设置的Opera 11，Chrome 16，Firefox 9和Safari 5.1上完美地工作（例如，设置为粗体写入或粗体显示所选文本）但在IE9中我无法将粗体设置为所选文本并且始终在我使用时大胆的按钮，这个carret到第一行写到第一个字母......

为什么？

Answer 1

这是因为在IE中click事件触发之前，选择被销毁了。您可以通过使用mousedown事件来改变这种情况，或者通过使按钮文本无法选择来实现（更好）：

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

现场演示：http://jsfiddle.net/XnSWF/1/