Question

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

从父级访问IFrame中相同的域应用程序文档

问题是：我有没有办法在父模式窗口的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
);

Answer 1

使用此代码，我可以将事件附加到iframe的body元素。

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

在jsfiddle中查看它：http://jsfiddle.net/XApQU/

带有ExtJS4.1.2的IFrame上的事件侦听器

1 个答案: