Как с помощью touch event отследить движение по странице — вверх или вниз?

Question

[nen0y]

Как с помощью touch event отследить движение по странице - вверх или вниз?

Comments

[Alex]

А событие scroll чем не подходит?

[nen0y]

Alex, в моем случае scroll не подходит

[Alex]

nen0y,

[Вадим]

nen0y,
• сохраняете clientY при touchstart
• при touchend сравниваете clientY с сохранённым clientY от touchstart
• если больше - то вниз, если меньше, то вверх.
• профит

Неужели это так сложно? Или я чего-то не понял?

Answer 1

[Alex]

1. Регистрируете касание
   
2. Определяете над какой частью страницы находится указатель -- начальная точка
   
3. Следите за движением указателя
   
4. Делаете со страницей что-то чтобы начальная точка оставалась под указателем.
   

Answer 2

[Дима Паутов]

https://jsfiddle.net/1ntLcbwx/1/

let posX = 0;
let posY = 0;

document.addEventListener('touchmove', event => {
	const { clientX, clientY } = event.touches[0];
	
	if (posY < clientY) {
		console.log('Вниз')
	}
	
	if (posY > clientY) {
		console.log('Вверх')
	}
	
	posX = clientX;
	posY = clientY;
})