Javascript 在CKEditor中观察单击事件

Javascript 在CKEditor中观察单击事件,javascript,html,click,ckeditor,wysiwyg,Javascript,Html,Click,Ckeditor,Wysiwyg,我试图在CKEditor中触发onclick事件时遇到一些问题。我希望能够将上标元素添加到CKEditor的编辑器内容中,单击它,然后执行一些代码,但这并没有发生。以下是我一直在使用的代码: CKEDITOR.instances.editor1.on('contentDom', function () { var elements = CKEDITOR.instances.editor1.document.getElementsByTag('sup'); for (var i =

我试图在CKEditor中触发onclick事件时遇到一些问题。我希望能够将上标元素添加到CKEditor的编辑器内容中,单击它,然后执行一些代码,但这并没有发生。以下是我一直在使用的代码:

CKEDITOR.instances.editor1.on('contentDom', function () {
    var elements = CKEDITOR.instances.editor1.document.getElementsByTag('sup');
    for (var i = 0, c = elements.count(); i < c; i++) {
        var element = elements[i];
        CKEDITOR.instances.editor1.editable().attachListener(element, 'click', function () {
            alert("I've been clicked!");
        });
    }
});
CKEDITOR.instances.editor1.on('contentDom',function(){
var elements=CKEDITOR.instances.editor1.document.getElementsByTag('sup');
for(var i=0,c=elements.count();i

单击我希望添加到的元素没有任何作用;我希望弹出一个警报窗口。任何帮助都将不胜感激

听起来像一个很好的谜题,但也像一个xy问题。这样做的原因是什么?对于类似的事情,我很可能只使用jquery而忽略
CKEDITOR
事件模型,但在理解我试图实现的目标之前,我犹豫是否尝试:)如果CKEDITOR API足以完成任务,为什么要混合使用jquery?我看到的一个最常见的问题是,当有一种简单的方法可以使用正确的API时,人们尝试将jQuery用于所有事情。