在可内容编辑的 div 中触发拼写检查

Question

我正在制作一个不依赖 contenteditable 的编辑器，以获得干净、受控的输出。因此，我捕获所有键盘和鼠标事件，构建模型并从该模型创建 DOM 视图。

由于我需要拼写检查，所以我在我的视图中激活了 div 中的 contenteditable 。用户不与它交互，因为我正在捕获所有事件。

我遇到的问题是，拼写检查似乎只在 contenteditable div 上的用户输入时被激活，在我的例子中，只有当我右键单击文本上的某个位置时才会发生这种情况（因为我没有注意到这一点）。我发现了一个问题，它只是说我们不应该期望拼写检查在一开始就处于活动状态 - 但在我的情况下，即使用户键入，拼写检查也不会发生（因为他没有输入 contenteditable，我'我正在建造它）。

contenteditable div 中的 HTML 拼写检查在跨度之后不起作用

有没有一种方法可以触发一个事件，使浏览器认为用户正在与可编辑的内容交互？

更新：这仅适用于 Chrome，在 Firefox 中，即使没有用户直接引起的事件，拼写检查器也可以工作。

Answer 1

如果焦点仍位于 contenteditable 上，则将 contenteditable div 的

spellcheck

属性设置为

false

，然后返回

true

似乎会在 Chrome 上再次触发拼写检查。