私は HammerJS を使用して、デスクトップとモバイルのドラッグ、スケーリング、回転を抽象化しています。私が見逃しているのはドロップだけです。別の要素がドラッグまたはドロップされたときにイベントをスローするドロップ ターゲットとして要素を定義するにはどうすればよいですか? HammerJS で動作する jQueryUI のdroppableのようなものはありますか?
ありがとう。
私は HammerJS を使用して、デスクトップとモバイルのドラッグ、スケーリング、回転を抽象化しています。私が見逃しているのはドロップだけです。別の要素がドラッグまたはドロップされたときにイベントをスローするドロップ ターゲットとして要素を定義するにはどうすればよいですか? HammerJS で動作する jQueryUI のdroppableのようなものはありますか?
ありがとう。
ドロップターゲット要素を検出するための唯一の高速な方法は、使用することです
document.elementFromPoint
このような:
function dragEnd($event){
var targetEl = document.elementFromPoint($event.gesture.center.pageX, $event.gesture.center.pageX);
your code
}
今日はそれを解決しました。
オブジェクトのドロップ時に、グローバルな「look for me」フラグを設定します。そして、setTimeout() を短時間 (たとえば 30ms) に設定して false に戻します。ドロップされたオブジェクトを非表示 (および移動) し、しばらくしてから元に戻し、ドロップ ターゲット オブジェクトで onMouseOver および onMouseOut イベントをトリガーできるようにします。
これらのイベントを監視して、"look for me" フラグを探します。
実はまだあまり試していません。
(私の最初の投稿。)