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

Question

我正在以下列方式使用煎茶面板。 有没有办法附加一个处理程序比如触摸它可以返回触摸的坐标

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

        });

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

Answer 1

这绝对是可能的，而且通过使用高级侦听器选项相当容易。诀窍是在侦听器上设置元素属性，以便将点击事件绑定到组件上的 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);
        }
    }]
});