我怎么知道Summernote(富文本编辑器)被聚焦了?
How to I know that Summernote (rich text editor) is focused?
我有一个使用 codeigniter 的项目。有一个选项可以使用快捷键打开模态。
比如,当我点击 'n' 然后打开 Note 模式。
但是,如果任何输入或文本区域被聚焦,则不要使用快捷键。
现在我正在使用 summernote(富文本编辑器)。但是现在这个设置不起作用了。
为了知道输入或文本区域被聚焦,我使用了这个代码:
var activeElement = document.activeElement.tagName;
if (activeElement !== "INPUT" && activeElement !== "TEXTAREA"){
//working shortcut key
}
但我怎么知道任何 summernote(富文本编辑器)都被聚焦了?
您的编辑器正在使用 contentEditable div
。 summernote div
的类名总是 note-editable
。
所以你可以试试 :
if (document.activeElement.className === 'note-editable') {
// summernote editor is focused
}
我有一个使用 codeigniter 的项目。有一个选项可以使用快捷键打开模态。 比如,当我点击 'n' 然后打开 Note 模式。 但是,如果任何输入或文本区域被聚焦,则不要使用快捷键。 现在我正在使用 summernote(富文本编辑器)。但是现在这个设置不起作用了。
为了知道输入或文本区域被聚焦,我使用了这个代码:
var activeElement = document.activeElement.tagName;
if (activeElement !== "INPUT" && activeElement !== "TEXTAREA"){
//working shortcut key
}
但我怎么知道任何 summernote(富文本编辑器)都被聚焦了?
您的编辑器正在使用 contentEditable div
。 summernote div
的类名总是 note-editable
。
所以你可以试试 :
if (document.activeElement.className === 'note-editable') {
// summernote editor is focused
}