使用HammerJS檢測拖放目標

Question

我使用HammerJS爲桌面和移動設備抽象拖動，縮放和旋轉。我所缺少的就是放棄。如何將一個元素定義爲一個放置目標，當另一個元素被拖拽或放入時拋出一個事件？像jQueryUI的droppable這將與HammerJS合作？

謝謝。

Answer 1

剛剛解決了今天。

在放下物體時，設置一個全局「look for me」標誌。然後setTimeout（）很快（例如30ms）將其設置回false。 隱藏（並移動）放置的對象，在短時間後放回，以允許onMouseOver和onMouseOut事件在放置目標對象上觸發。

觀看「尋找我」標誌的事件。

我還沒有真正嘗試過它。

（我的第一篇）

Answer 2

的只有一個檢測放置目標元素快速的方法是使用

document.elementFromPoint

像這樣：

function dragEnd($event){ 
    var targetEl = document.elementFromPoint($event.gesture.center.pageX, $event.gesture.center.pageX); 

    your code 
}