從面板中獲取觸摸座標與sencha touch中的背景圖像

Question

我正在以下面的方式使用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>' 

     }); 

的基本理念是能夠檢測點的座標了用戶觸摸，這是可能使用這種面板？ 謝謝

Answer 1

這絕對是可能的，而且使用高級偵聽器選項相當容易。訣竅是在監聽器上設置元素屬性，以便您將tap事件綁定到組件上的DOM元素。

這裏是煎茶提琴工作示例： 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); 
     } 
    }] 
});