Ext JS 5面板上的听众是否依赖于面板内容？

Question

我不想在Extjs 5面板上检测'pinch'事件，如果我使用loader属性加载面板内容它正在工作，但如果我在面板中放置一个项目（Iframe），它不会工作

带有项目的小组（IFrame）：

Ext.create('Ext.panel.Panel', {
        layout: 'fit',
        autoScroll: true,
        items: [
            Ext.create('Ext.ux.IFrame', {
                autoScroll: true,
                src: 'resources/docs/doc1.html',
                cls: 'iframeStyle'
            })
        ],
        listeners: {
            pinch: function (event) {
                alert('pinch event');
            },
            element: 'body'
        }
    })

使用loader属性

加载内容的面板

Ext.create('Ext.panel.Panel', {
        layout: 'fit',
        loader: {
            url: 'resources/docs/doc1.html',
            autoLoad: true
        },
        listeners: {
            pinch: function (event) {
                alert('pinch event');
            },
            element: 'body'
        }

    })

你能解释一下这个区别吗，为什么用IFrame它不起作用？ 谢谢