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

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

        });

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


image panel extjs
person Dhiraj    schedule 14.06.2011    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Это определенно возможно и довольно просто, если использовать расширенные параметры прослушивателя. Хитрость заключается в том, чтобы установить свойство элемента в прослушивателе, чтобы вы привязывали события касания к элементу 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);
        }
    }]
});
person OhmzTech    schedule 14.08.2014
comment
Это взрыв из прошлого. Спасибо за ответ. - person Dhiraj; 16.08.2014
comment
Мы любим отвечать на старые вопросы. Я уверен, что у других людей был тот же самый вопрос за прошлые три года! - person OhmzTech; 27.11.2014