Как определить, что touchstart и touchend прошел на том же елементе?

Question

[Castro]

Задача вроде простая, но не могу решить. Задача про тачи.

У меня приложение для iPad, HTML контента работающий в uiwebview.



Есть картинка, по клику на которую выполняется некий экшн.

Сейчас, если нажать на картинку, не отпуская протянуть в сторону вытянув палец за пределы картинки и отпустить, то экшн все равно выполнится.



Можно ли как то это обойти, что экшн срабатывал только если touchend проходил на целевом объекте?

Answer 1

[Keyten]

var tmp;

function onTouchStart(e){
 tmp = e.target;
}

function onTouchEnd(e){
 if( e.target == tmp ){
  // выполняем: touchstart и touchend на одном и том же элементе
 }
}

Comments

[SerDIDG]

Можно ведь использовать click, конечно если нет какой-то определённой специфики.

[karenishe]

не надо использовать события click и все содержащие слово «mouse» на тачскринах.

[SerDIDG]

onclick не относится к mouse, и отлично работает на сенсорных устройствах. Другое дело что на ios есть задержка срабатывания ивента, да.

Answer 2

[winbackgo]

Приходит на ум сохранение в временную переменную event.target при touchstart и последующее сравнение с event.target при touchend. Но это теория, надо проверять на практике. Также стоит проверить stopPropagation.