タッチスクリーン用のスライダー

Question

私はここにそのようなスライダーを持っています：https://jsfiddle.net/args91L4/どうすればタッチスクリーンで動作させることができますか、より正確にはバニラjsまたは純粋なjqueryのサードパーティプラグインがない方法は何ですか？それを実装する方法を

.mousedown(); 
//Start moving 
.mousemove(); 
//Track coordinates 
.mouseup(); 
//end moving 

： は、私のようなマウスイベントを追跡するために考えましたか？それとも簡単な方法がありますか？

Answer 1

おそらくマウスイベントは探していませんが、eventsに触れてください。 touchstart

すべてのタッチの後にユーザーが達成したかったことを決める必要があるので、それほど簡単ではありません。もし彼が左にスクロールするなら、彼は左にスライドしたいのですか、それとも下にスクロールしたいのですが正確ではありませんでしたか？または、クリックして間違って右に少し移動したいのですか？これにはかなりの計算と前提が必要であり、非常に難しいかもしれません。

したがって、これはhammerjsのようなlibを使用することをお勧めします。これはこの設定を簡素化し、かなり堅実なデフォルトを伴います。 hammerjsではおそらくおかげで、それは本当に簡単ですが、私は小さな1（1キロバイト）ものの、追加のフレームワークをロードする必要が右または左にこの

var hammerInstance = new Hammer(element, options); 
hammerInstance.on('swipeleft', function(ev) { 
    ... // slide to the left 
}