2015-01-12 9 views
7

マウスのタッチに相当するタッチがあります。JS:マウスのためのタッチ同等物

私がDIVでスライドするかどうかを検出したいと思います。

私はサイト

など位置を再集計していない親要素のターゲット要素に直接応じたソリューションを好む:http://dizzyn.github.io/piano-game/は - マウスで正常に動作します(ダウンマウスやスライド、タッチスライドで作業していない)

あなたにこれらのイベントに

答えて

6

ルックをありがとう:

touchstart iはイベントを、ユーザーがタッチ表面に接触したときトリガーと要素内のタッチポイントを作成します縛られた。

touchmoveユーザーがタッチ面を越えてタッチポイントを動かすとトリガされます。

touchendユーザーがタッチポイントをサーフェスから削除したときにトリガーします。ユーザの指が最初に要素の外に滑り落ち、または画面の端から外れた場合など、境界のある要素の内側または外側の間にタッチポイントが削除されるかどうかにかかわらず、起動します。

touchenterタッチポイントがbound-to要素に入るとトリガします。このイベントはバブルしません。

touchleaveタッチポイントがバウンド先要素から離れるときにトリガします。このイベントはバブルしません。

touchcancelタッチポイントがタッチ面に登録されなくなったときにトリガします。これは、ユーザーがタッチポイントをブラウザのUIの外に移動した場合やプラグインに移動した場合、または警告モーダルがポップアップした場合に発生します。

具体的にはトルカネータとタッチリーブです。

http://www.javascriptkit.com/javatutors/touchevents.shtml

+0

ありがとう、 "するTouchEnterは" クローム(Win8)に実装されていないようです。それは私を混乱させた。 –

+2

touchenterとtouchleaveは[別のスレッドのこのコメント者](http:http://www.w3.org/TR/touch-events/#list-of-touchevent-types)によって[非推奨] ://stackoverflow.com/a/26018227/1318399)。 – LazyMonkey

関連する問題