javascript - 在可编辑小部件中抓取焦点/文本输入

Question

我添加了一个 ckeditor 小部件，其中包含以下代码

editor.widgets.add('testwidget', {
  editables: {
    content: {
      selector: '.test_widget_content'
    }
  },
  upcast: function(element) {
    return element.name == 'h1' && element.attributes['test_widget_content'] == 'true';
  },
  init: function() {
    this.on('focus', function(ev){
        console.log('focused this');
    });
    this.on('key', function(ev){
        console.log('Keyed this');
    });
}

这确实添加了小部件，但我在 init 中设置的焦点和关键方法是更新调用的。

如果我删除可编辑项:则按预期调用键和焦点，因此问题是:如何在可编辑的小部件中监听焦点和键事件？

Answer 1

事实证明你可以使用:

this.editables.content.on('keyup',function(ev) {
                    console.log('key up');
                });

在 init 方法中。唯一的问题是 on('key',function() { }) 不起作用。但 keydown 和 keyup 确实有效。