如何在焦点事件中吸引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"); 
                 });