sencha touch中从带有背景图像的面板获取触摸坐标

问题描述

| 我正在以以下方式使用sencha面板。 有没有一种方法可以附加一个处理程序，例如touch，它可以返回该touch的坐标

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>\'

        });

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

解决方法

        通过使用高级侦听器选项，这绝对是可能的，并且相当容易。诀窍是在侦听器上设置element属性，以便将tap事件绑定到组件上的DOM元素。 这是Sencha Fiddle上的一个工作示例： https://fiddle.sencha.com/#fiddle/8ua

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);
        }
    }]
});