получение координат касания с панели с фоновым изображением в сенсорном Сенча

Question

Я работаю с панелью сенча следующим образом. Есть ли способ прикрепить обработчик, скажем, как 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>'

        });

Основная идея состоит в том, чтобы иметь возможность определять точки, где пользователь касается, это возможно с помощью такой панели? спасибо

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