javascript - 我如何在焦点事件中捕捉 froala 编辑器？

Question

我必须在焦点事件上为 froala 编辑器编写一个 eventListener 函数。但是我在文档中找不到任何事件回调，也找不到这个编辑器结构的任何输入元素。

这是重点froalaeditor结构快照。

有什么方法可以做到

Answer 1

根据官方文档，你这样写：

$(".selector").on('editable.focus', function (e, editor) {
  // editor focused
});

并模糊：

$(".selector").on('editable.blur', function (e, editor) {
  // editor blurred
});

并分离焦点事件：

$(".selector").off('editable.focus');

$(".selector").off('editable.blur');

Answer 2

在通过尝试和错误方法发布我的问题后，我找到了解决方案。jQuery 的 focusin 函数捕获任何元素的焦点事件。

这是测试代码：

      $("#editor").focusin(function(){ 
                                         console.log("editor is focused");                       
                }).focusout(function(){
                                         console.log("editor is blured"); 
                 });