javascript - contentEditable、execCommand 和强制新键入的文本加粗

Question

我在玩弄 contentEditable 和 execCommand，我正在努力让它在按下按钮时，

• 如果在 contentEditable 中选择了文本，它会变为粗体

• 如果在 contentEditable 中没有选择文本，则在按下按钮后在 contentEditable 中键入的任何文本都是粗体

我尝试使用以下 Javascript 命令:

 document.execCommand('bold', false, null);

但不幸的是，这只会导致选中的文本变为粗体；如果未选择任何文本并且您在按下按钮后开始键入，则文本将以非粗体显示。

我注意到，如果我在 contentEditable 中按 Ctrl+B，它会完全按照我的意愿完成，但我想使用 Javascript 来完成此操作(而不是在 Javascript 中模拟 Ctrl+B)。

Answer 1

实际上 document.execCommand() 调用完全符合您的要求(您可以通过从 keydown 事件处理程序调用它来证明这一点)，我怀疑它是任何按钮或您可能用来触发问题命令的其他任何东西的效果。