CKEDITOR如何识别滚动事件

CKEDITOR如何识别滚动事件,ckeditor,Ckeditor,有人知道如何在CKEDITOR中捕获“滚动”事件吗?很容易识别更改和其他事件,但我无法控制滚动事件 CKEDITOR.instances[i].on('change',function(){alert('text changed!');}) 但当你想用它来滚动时,它就不起作用了 CKEDITOR.instances[i].on('scroll',function(){alert('i am scrolling!');}) 有人知道一些解决方法吗 Thx很多 M您需要知道的第一件事是(从CKEDI

有人知道如何在CKEDITOR中捕获“滚动”事件吗?很容易识别更改和其他事件,但我无法控制滚动事件

CKEDITOR.instances[i].on('change',function(){alert('text changed!');})

但当你想用它来滚动时,它就不起作用了

CKEDITOR.instances[i].on('scroll',function(){alert('i am scrolling!');})

有人知道一些解决方法吗

Thx很多
M

您需要知道的第一件事是(从
CKEDITOR.instances
对象中获得的)不是DOM元素。它确实引发了一些事件,如、或,但它们只是通往更复杂事物的捷径或门面

因此,如果要添加DOM事件侦听器,则需要检索“可编辑”元素(进行编辑的元素)。可以通过该方法访问它。然而,editable元素的棘手之处在于它并不总是可用的,在开始编辑器初始化之后它还没有准备好,并且编辑器可能会用一个新的元素替换这个元素(通常在模式之间切换之后)。因此,编辑器触发一个命令,通知新的可编辑文件可用,并且该可编辑文件有一个方法,与销毁可编辑文件时清理侦听器不同

文档中解释了使用所有这些方法的方法,并提供了代码示例,但只需单击一下即可:

editor.on( 'contentDom', function() {
    var editable = editor.editable();

    editable.attachListener( editable.getDocument(), 'scroll', function() {
        console.log( 'Editable has been scrolled' );
    });
});

更新:我忘了,对于“滚动”事件,您必须在文档上收听。我更新了上面的代码。

您需要知道的第一件事是(从
CKEDITOR.instances
object获得的)不是DOM元素。它确实引发了一些事件,如、或,但它们只是通往更复杂事物的捷径或门面

因此,如果要添加DOM事件侦听器,则需要检索“可编辑”元素(进行编辑的元素)。可以通过该方法访问它。然而,editable元素的棘手之处在于它并不总是可用的,在开始编辑器初始化之后它还没有准备好,并且编辑器可能会用一个新的元素替换这个元素(通常在模式之间切换之后)。因此,编辑器触发一个命令,通知新的可编辑文件可用,并且该可编辑文件有一个方法,与销毁可编辑文件时清理侦听器不同

文档中解释了使用所有这些方法的方法,并提供了代码示例,但只需单击一下即可:

editor.on( 'contentDom', function() {
    var editable = editor.editable();

    editable.attachListener( editable.getDocument(), 'scroll', function() {
        console.log( 'Editable has been scrolled' );
    });
});

更新:我忘了,对于“滚动”事件,您必须在文档上收听。我更新了上面的代码。

您需要知道的第一件事是(从
CKEDITOR.instances
object获得的)不是DOM元素。它确实引发了一些事件,如、或,但它们只是通往更复杂事物的捷径或门面

因此,如果要添加DOM事件侦听器,则需要检索“可编辑”元素(进行编辑的元素)。可以通过该方法访问它。然而,editable元素的棘手之处在于它并不总是可用的,在开始编辑器初始化之后它还没有准备好,并且编辑器可能会用一个新的元素替换这个元素(通常在模式之间切换之后)。因此,编辑器触发一个命令,通知新的可编辑文件可用,并且该可编辑文件有一个方法,与销毁可编辑文件时清理侦听器不同

文档中解释了使用所有这些方法的方法,并提供了代码示例,但只需单击一下即可:

editor.on( 'contentDom', function() {
    var editable = editor.editable();

    editable.attachListener( editable.getDocument(), 'scroll', function() {
        console.log( 'Editable has been scrolled' );
    });
});

更新:我忘了,对于“滚动”事件,您必须在文档上收听。我更新了上面的代码。

您需要知道的第一件事是(从
CKEDITOR.instances
object获得的)不是DOM元素。它确实引发了一些事件,如、或,但它们只是通往更复杂事物的捷径或门面

因此,如果要添加DOM事件侦听器,则需要检索“可编辑”元素(进行编辑的元素)。可以通过该方法访问它。然而,editable元素的棘手之处在于它并不总是可用的,在开始编辑器初始化之后它还没有准备好,并且编辑器可能会用一个新的元素替换这个元素(通常在模式之间切换之后)。因此,编辑器触发一个命令,通知新的可编辑文件可用,并且该可编辑文件有一个方法,与销毁可编辑文件时清理侦听器不同

文档中解释了使用所有这些方法的方法,并提供了代码示例,但只需单击一下即可:

editor.on( 'contentDom', function() {
    var editable = editor.editable();

    editable.attachListener( editable.getDocument(), 'scroll', function() {
        console.log( 'Editable has been scrolled' );
    });
});

更新:我忘了,对于“滚动”事件,您必须在文档上收听。我更新了上面的代码。

首先,我觉得有点问题,但我的代码有点问题,但这也不起作用。对不起,我的错。我更新了我的答案,这里有一个例子:首先我觉得有点问题,但我的代码有一些问题,但这也不起作用。对不起,我的错。我更新了我的答案,这里有一个例子:首先我觉得有点问题,但我的代码有一些问题,但这也不起作用。对不起,我的错。我更新了我的答案,这里有一个例子:首先我觉得有点问题,但我的代码有一些问题,但这也不起作用。对不起,我的错。我更新了我的答案,下面是一个示例: