javascript - javascriptでスライド方向を検出する

Question

TOUCHEND、TOUCHSTARTイベントを使用して、ユーザーがスライドジェスチャでページをスクロールできるようにする方法を探しています。方向を決定する方法がわかりません（たとえば、TOUCHENDポイントとTOUCHSTARTポイントの座標を取得して方向を決定します）。

Answer 1

概念的には、これを行うことができます：

1. タッチスタートとタッチエンドのイベントハンドラーを登録します。
2. タッチスタートでは、特定の指のx座標とy座標を永続変数に格納します。
3. タッチエンドでは、x座標とy座標を以前に保存した値と比較します。
4. Math.abs（deltaX）が最小しきい値を超え、Math.abs（deltaX）> Math.abs（deltaY）の場合、ジェスチャは左/右になります。xEndがxBeginより大きい場合は、左から右に移動します。それ以外の場合は、右から左に移動します。
5. Math.abs（deltaY）が最小しきい値を超え、Math.abs（deltaY）> Math.abs（deltaX）の場合、移動は上下になります。yEnd> yBeginの場合はダウン、それ以外の場合はアップです。
6. どちらの方向も最小しきい値を超えていない場合、ジェスチャはスライドジェスチャを表すのに十分な大きさではありませんでした。

タッチイベントのデータについては、MDNを参照してください。MDNは、私がこの種のものを探す最初の場所です。