web-dev-qa-db-ja.com

javascriptでマウスを使ってスワイプをシミュレートする

ナビゲーションにスワイプを使用してモバイルデバイスで動作する画像ローテーターを作成しようとしています。また、同じローテーターをPCブラウザーで動作するように作成しようとしていますが、マウスのドラッグを使用してスワイプをシミュレートできるようにしています。良いアイデアはありますか?

16
gabitzish

onmousedownonmousemove、およびonmouseupイベントを処理し、マウスの位置を追跡し、それに応じて画像ローテーターを操作する必要があります。

5
gilly3

私はこれらのほとんどを調べました...私は調べることをお勧めします

Hammer.Js

私が少し見てきたことから、それはデスクトップとモバイルの両方のスワイプをサポートしていて、私はデモに感銘を受けました。

8
FreePender

私はあなたがこの答えを探していると信じています: スタンドアロンのjQuery「タッチ」メソッド?

受け入れられた回答には、左/右スワイプのサポートを実装するコードがあり、下の別の回答には、同様のタスクを実行するプラグインへのリンクがあります: http://www.netcu.de/jquery-touchwipe-iphone-ipad -library (このプラグインでは、4方向のスワイプを検出できます)。

4
Jasper

Hammer.jsを使用すると、タッチ/マウスおよびポインターイベントもサポートされます。これは、Chromebookpixelやwindows8などのタッチスクリーンノートパソコン用です。そこにあるライブラリのほとんどはまだそれらをサポートしていません。

2
Jorik

最終的に iDangerous Swiper を使用しました。これは私のすべてのニーズを満たし、(IMO)非常に優れています。

2
FreePender