Как остановить эвент во время его действия?

Question

[sanex3339]

Появилась проблема.
Мне нужно во время действия эвента touchmove его остановить.

Как у меня сделано сейчас: есть setInterval (например на 3 секунды) в котором я стопаю touchmove эвент

$('body').bind('touchmove', function (e) {
              e.preventDefault();
              e.stopPropagation();
            });

Но, если в момент завершения интервала эвент touchmove будет еще совершаться (т.е. я буду тержать палец на экране и водить им по экрану), то .bind не вызовется, только при отпускании пальца и последующем тапе на экран, что неприемлемо в моей ситуации.

Как решить эту проблемку?

Comments

[teotlu]

Какой интересный код. А можно подробнее, какую проблему он решает? Мне почему-то кажется, что вешать на touchmove блокировку через интервал — какое-то сомнительное решение (для ситуаций, которые я могу себе представить).

[sanex3339]

нужно отобразить на экране modal окно через N секунд, при этом заблочив touchmove. ну и соответственно щас проблема в том, что бы блочить touchmove даже, если touchmove в данный момент выполняется

[Илья Шатохин]

sanex3339: как оказалось, preventDefault не останавливает событие touchmove. Юрий Тарахонич написал правильно решение, вас спасет только глобальный флаг и return false.

Answer 1

[Илья Шатохин]

Юрий Тарахонич указал вам правильное направление. Вот примерный код решения:

var touchTimer;
var touchFlag = 0;

$(document).on('touchstart', function (e) {
  touchTimer = setTimeout(function () { touchFlag = 1; }, 3000);
});

$(document).on('touchend', function (e) {
  touchFlag = 0;
  clearTimeout(touchTimer);
});

$(document).on('touchmove', function (e) {
  if (touchFlag)
    return false; // touch события игнорируют preventDefault
});

Answer 2

[Юрий Тарахонич]

Как вариант можно создать флаг, и проверять его в обработчике touchmove, т.е. если флаг true, тогда return false