2017-03-23 8 views
2

私は、ユーザーが画面上の正方形をクリックし、次のタッチイベントで「入力」イベント検出を実装することは可能ですか?

  1. を行うための要件を持っています。
  2. 隣り合った四角形があります。グリッドなので、ユーザーはマウスを離さずに隣の四角形に移動できます。この新しい四角形にマウスが入るのを検出して、次のマウスをアクティブにする必要があります。移動方向は固定される。
  3. マウスがリアーアーゼになるまで、マウスが離されるまで繰り返す。一致するかどうか確認する。

私は最後のステップを処理onmouseupにドキュメントを追加し、onmousedownonmouseenteronmouseleaveでfarilyもこれを実装しました。

問題は、モバイルデバイスで動作するために必要な問題です。私はtouchstarttouchmoveの組み合わせでドラッグするdivを実装することができました。それは簡単でした。今私は、上記の動作を実装しようとしましたが、私は

  • があり、もはやtouchentertouchleaveイベントを存在しない、との目標はすでにtouchstartイベントを持っていた場合touchmoveことを明らかにのみトリガーされる、ということが分かりました。

これを行うためのシームレスな方法がないのは残念ですが、私はタッチデバイスがマウスと同じではないことを理解していますが、私は多大な違いなく治療しなければならないと考える共通の行動があります。各デバイスが持つ特別なもの。

これを行う方法がある場合、私は本当に感謝するつもりです。なぜなら、私はドキュメントを読んで問題を解決するように見えるのにうんざりしますが、そうしないとうんざりしているからです。

コメントで要求されたように、これはこのグリッドという enter image description here

注意私のグリッドで、静的ではなく、またそれはHTMLで直接作成され、それはファイルから抽出され、別のプログラムで生成され、それはだています単に<table>です。

+0

ページの概略図/スクリーンショットを追加 –

答えて

1

マイ最終溶液容器(テーブル本体)にtouchmoveリスナーを追加し、手動で指定された要素のイベントをelementFromPoint()トリガを使用することです。

イベントがトリガーされた最後の要素を追跡して、複数回繰り返さないようにします。また、必要に応じてtouchleaveをトリガーすることもできます。

+0

どのグリッドを検出していますか? – Jun

+1

私は覚えていません、私にメールしてください。オンラインでは投稿されていないので、私はあなたにコードを送ることができます。これは、SCORMパッケージマネージャ専用に設計されています。特定のタブレットデバイスで使用されるカスタムSCORMレンダラで使用されています。しかし、私はこれがあなたを助けることができるならば、一般的な解決策を書くのが好きです。私のメールは[email protected]です –

関連する問題