Показать сообщение отдельно
  #1 (permalink)  
Старый 25.04.2019, 22:35
Профессор
Отправить личное сообщение для dima85 Посмотреть профиль Найти все сообщения от dima85
 
Регистрация: 14.03.2010
Сообщений: 194

Тянем пальцем на телефоне и изменяем цифру.
Есть div#block когда мы в нем проводим на телефоне пальцев в верх через каждые 100 пикселей цифра уменьшаются -1, когда проводим в низ увеличиваются +1.
Мой код работает, но когда я провел пальцев в низ, а потом еще раз в низ, цифра на доли секуд уменьшается а потом начинает увеличиваться как и нужно. Я не могу избавится от этого глюка. Помогите пожалуйста.
Или может по другому лучше как-то написать этот код?

document.getElementById('block').addEventListener('touchmove', function(e) {
mouseY = e.touches[0].clientY;
e.preventDefault();
var actual_temp = document.getElementById("value").innerHTML;
var calc_actual = (mouseY/100).toFixed(0);
if (calc_move < calc_actual) {
  document.getElementById("value").innerHTML = Number(actual_temp)+1;
  calc_move = (mouseY/100).toFixed(0);
}
if (calc_move > calc_actual) {
  document.getElementById("value").innerHTML = Number(actual_temp)-1;
  calc_move = (mouseY/100).toFixed(0);
}
});

Последний раз редактировалось dima85, 25.04.2019 в 22:39.
Ответить с цитированием