javascript - 是否可以检测到在设计模式中当前光标位置切换的内容？

Question

我正在开发一个定制的富文本编辑器，我想知道是否可以将光标放在某处并发现哪些命令（即粗体、斜体、justifyCenter 等）当前处于活动状态/切换状态。显然，浏览器在设计模式下会跟踪这一点。例如，如果我在 iframe 中有这样的文本：

你好世界！

然后我将光标放在“世界”这个词内，有没有办法在不解析字符串并发现我在标签之间的情况下确定“粗体”当前被切换？

我想要这样的原因是我可以在编辑器上检测到 selectionchange 事件，然后突出显示与当前在该位置切换的内容相对应的适当按钮

Answer 1

这样做的queryCommandState()方法document：

var isBold = document.queryCommandState("bold");

参见MDC、MSDN和Dottoro。