Image 使用sencha touch中的背景图像从面板获取触摸坐标

我正在以下面的方式与sencha小组合作。 有没有一种方法可以附加一个可以返回触摸坐标的处理程序（比如触摸）

var world_map = new Ext.Panel({
            fullscreen: true,
            style: 'background-color:black',
            autoScroll:true, 
            html:'<img id="w_map" src="./images/worldmap.png" width="90%" height="90%"></img>'

        });

var world\u map=新的外部面板({
全屏：对，
样式：“背景色：黑色”，
autoScroll：是的，
html:'
});

基本思想是能够检测用户触摸的点，这是否可能使用这样的面板？

---

谢谢

使用高级侦听器选项，这绝对是可能的，而且相当简单。诀窍是在侦听器上设置element属性，以便通过组件将tap事件绑定到DOM元素

以下是Sencha Fiddle的工作示例：

var world\u map=新的外部面板({
全屏：对，
样式：“背景色：黑色”，
autoScroll：是的，
html:“”，
听众：[{
事件：“点击”，
元素：'元素'，
fn：功能（事件）{
console.log（事件）；
警报（'Touch Position:'+event.Touch.pageX+''+event.Touch.pageY）；
}
}]
});

这是过去的爆炸。谢谢你的回答。我们喜欢回答老问题。我相信在过去的三年里，其他人也有同样的问题！

var world_map = new Ext.Panel({
    fullscreen: true,
    style: 'background-color:black',
    autoScroll: true,
    html: '<img id="w_map" src="./images/worldmap.png" width="90%" height="90%"></img>',
    listeners: [{
        event: 'tap',
        element: 'element',
        fn: function(event) {
            console.log(event);
            alert('Touch Position: ' + event.touch.pageX + ' ' + event.touch.pageY);
        }
    }]
});