我怎么知道 Summernote（富文本编辑器）是专注的？答案

【问题标题】：How to I know that Summernote (rich text editor) is focused?我怎么知道 Summernote（富文本编辑器）是专注的？
【发布时间】：2020-05-19 09:29:42
【问题描述】：

我有一个使用 codeigniter 的项目。可以选择使用快捷键打开模式。就像，当我单击“n”时，然后打开 Note modal。但是，如果任何输入或文本区域被聚焦，则不要使用快捷键。现在我正在使用summernote（富文本编辑器）。但是现在这个设置不起作用了。

为了知道输入或文本区域是重点，我使用了这个代码：

var activeElement = document.activeElement.tagName;
if (activeElement !== "INPUT" && activeElement !== "TEXTAREA"){

//working shortcut key

}

但是我怎么知道任何summernote（富文本编辑器）都是专注的呢？

【问题讨论】：

【解决方案1】：

您的编辑器正在使用 contentEditable div。 summernote div 的 className 始终为 note-editable。所以你可以试试：

if (document.activeElement.className === 'note-editable') {
  // summernote editor is focused
}

【讨论】：