使用ExtJS4.1.2的IFrame上的事件侦听器

使用ExtJS4.1.2的IFrame上的事件侦听器,iframe,extjs,extjs4,Iframe,Extjs,Extjs4,我使用“uxiframe”组件将单独的应用程序加载到模式窗口(ExtJS4.1x)中。 跨域问题显然不允许我访问IFrame内容的任何部分。但是,可以通过IFrame.getDoc() 问题是:有没有办法从父模式窗口在IFrame内部的元素上设置DOM侦听器 谢谢,请举个简单的例子 更新感谢@lontiviero给我一个开始的提示。以下是我的结论: var bodyEl=Ext.get(iframe.getDoc().body); //this gives me an Ext.dom.Elem

我使用“uxiframe”组件将单独的应用程序加载到模式窗口(ExtJS4.1x)中。 跨域问题显然不允许我访问IFrame内容的任何部分。但是,可以通过
IFrame.getDoc()

问题是:有没有办法从父模式窗口在IFrame内部的元素上设置DOM侦听器

谢谢,请举个简单的例子

更新感谢@lontiviero给我一个开始的提示。以下是我的结论:

var bodyEl=Ext.get(iframe.getDoc().body);  //this gives me an Ext.dom.Element object 
bodyEl.on('click',
          function(event, el,opts){
             console.log("<p> clicked");
          },
          this, //scope
          {delegate:'p'} //options
);
var bodyEl=Ext.get(iframe.getDoc().body)//这给了我一个Ext.dom.Element对象
bodyEl.on('点击',
功能(事件、el、选项){
console.log(“单击”);
},
这个,//范围
{委托:'p'}//选项
);

使用此代码,我能够将事件附加到iframe的body元素

Ext.EventManager.on(iframe.contentDocument.body, 'mouseover', function() {
    alert('hello');
});

在jsfiddle中查看一下:

看起来非常有希望,现在就开始测试。