我如何抓住froala编辑焦点事件？

Question

我必须在焦点事件上为froala编辑器创建一个eventListener函数。但我无法在documentation找到任何事件回调，也无法找到此编辑器结构的任何输入元素。

这是重点froalaeditor结构快照。

这是怎么做的

Answer 1

根据Official documentation，你写这个：

$(".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

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

这是测试代码：

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