javascript - 再次所见即所得，IE最简单的execCommand

Question

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

在 newset Opera 11、Chrome 16、Firefox 9 和 Safari 5.1 上完美运行（例如，设置为粗体或在所选文本上设置粗体）但在 IE9 中，我无法将所选文本设置为粗体，并且总是在我使用粗体按钮时，这个carret去第一行到第一个字母......

为什么？

Answer 1

click这是因为选择在 IE 中触发事件之前被破坏。您可以通过使用mousedown事件来解决这个问题，或者（更好）通过使按钮文本不可选择：

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

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