Javascript 无法将事件侦听器附加到froala富文本编辑器中呈现的元素

Javascript 无法将事件侦听器附加到froala富文本编辑器中呈现的元素,javascript,jquery,reactjs,froala,Javascript,Jquery,Reactjs,Froala,我正在尝试将一些事件侦听器注册到使用froala编辑器react组件渲染的元素。按照文档中的建议,我正在froala配置中传递我的“潜在”事件侦听器 以下是我正在努力实现的目标 events : { 'froalaEditor.initialized': function(e, editor) { var elements = document.getElementsByClassName('some-class-id-that-i-know-exists

我正在尝试将一些事件侦听器注册到使用froala编辑器react组件渲染的元素。按照文档中的建议,我正在froala配置中传递我的“潜在”事件侦听器

以下是我正在努力实现的目标

events : {
        'froalaEditor.initialized': function(e, editor) {
            var elements = document.getElementsByClassName('some-class-id-that-i-know-exists');
            for (var i=0; i< elements.length ; i++) {
                elements[i].addEventListener('mouseover', eventListnerSubscriber(elements[i]), true);
            }
        }
    }

 // outside config
function eventListnerSubscriber(element) {
      console.log(element);
}
事件:{
“froalaEditor.initialized”:函数(e,编辑器){
var elements=document.getElementsByClassName('some-class-id-that-i-know-exists');
对于(var i=0;i
此处未调用事件鼠标悬停时的回调方法“eventListnerSubscriber”


我做错了什么吗?

很可能你做错了什么。下面是我如何测试它并使其正常工作的:

//渲染Froala编辑器组件。
类编辑器组件扩展了React.Component{
构造函数(){
超级();
此.state={
内容:“asdasdasd”
};
this.config={
活动:{
“froalaEditor.initialized”:函数(e,编辑器){
var elements=document.getElementsByClassName('foo');
对于(var i=0;i
正确,问题在于我的浏览器上的“广告拦截器”插件,它正在消耗相关事件。希望这对其他人有帮助!