タグ

ブックマーク / iwb.jp (1)

  • AngularJSの$swipeで位置と時間からスワイプイベントを検出する

    $swipeでスワイプイベントを検出 AngularJSのngTouchの$swipeサービスにはスワイプイベントのstart, move, cancel, endが含まれているが左スワイプや右スワイプのイベントは含まれていない。 そのためスワイプを検出するにはモジュールを追加するか検出できるようにするための記述を追加する必要がある。 時間とスワイプ距離の取得 開始時間と終了時間はtouchstartとtouchendのそれぞれのタイミングでDate.now()を使用してミリ秒を取得。 距離はtouchstartとtouchendのxとyを取得して下記の計算式でスワイプ距離を算出する。 dist = Math.sqrt(Math.pow(endX - startX, 2) + Math.pow(endY - startY, 2)); 左スワイプと右スワイプの判定 touchstartのx位

    AngularJSの$swipeで位置と時間からスワイプイベントを検出する
  • 1