スワイプ
JavaScript
const minDistance = 30;
let startX = null;
let endX = null;
document.querySelector("div").addEventListener("touchstart", (event) => {
startX = event.touches[0].pageX;
});
document.querySelector("div").addEventListener("touchmove", (event) => {
endX = event.touches[0].pageX;
});
document.querySelector("div").addEventListener("touchend", () => {
if (endX - startX < -1 * minDistance && endX !== null) {
// 左スワイプ時の処理
} else if (endX - startX > minDistance) {
// 右スワイプ時の処理
} else {
// スワイプではない（タップ・誤差）
}
});