Question

ckeditor 添加 onclick 事件无效?

最新做一项目，需要在ckeditor内插入文本内容，并对该文本内容添加 onclick 事件，代码如下：
var reval = '['+textval+']' ;
var blink = '<u onclick="alert(111);" style="color: blue" >' ;
var _blink = "</u>" ;
if (textFlag) {
if (editor.mode == 'wysiwyg') {
var insetval = blink+reval+_blink ;
//alert(insetval) ;
editor.insertHtml( insetval );
}
}
但是提交到页面就没得 onclick 事件了 ？
求大神解决啊！！！

Answer 1

对于这种需要为动态文本或者动态节点添加事件的需求，建议使用事件代理方法：
在需要添加事件元素的外层元素上绑定click事件，当在文本上发生点击以后，该事件会冒泡到父亲节点上，然后父亲节点代替子节点去处理click事件。

追问

能贴个代码参考下嘛？

能贴个代码参考下嘛？

追答

就按你的需求：

editor.onclick = function(e) {
    var target = e.srcElement ? e.srcElement : e.target;
    
    if (target.nodeName.toUpperCase === 'U') {
        alert(111);
    }
}