我是 CKEDITOR 的新手。对于某些人来说,回答这个问题可能听起来毫无价值。但是,过去几个小时我一直在努力寻找问题的解决方案。
Aim :
我想向特定类型的元素添加一个事件侦听器(例如:span
)
我尝试了什么:
I used contentDom
引发的事件CKEDITOR
,添加事件监听器span
元素。
问题 :
但是,将事件侦听器添加到span
将适用于span
目前在编辑器中可用。但是,不适用于元素 (span
)将由用户将来创建。我现在应该怎么做?
利用事件冒泡的好处[1 https://stackoverflow.com/questions/4616694/what-is-event-bubbling-and-capturing, 2 http://www.smashingmagazine.com/2013/11/12/an-introduction-to-dom-events/]。将侦听器附加到编辑器的最顶层元素(可编辑)并过滤掉事件:
CKEDITOR.replace( 'editor1', {
on: {
contentDom: function() {
this.editable().on( 'click', function( evt ) {
var target = evt.data.getTarget();
if ( target.is( 'span' ) ) {
console.log( 'clicked span!' );
}
} );
}
}
} );
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)