用HammerJS检测掉落目标

时间:2013-07-12 07:31:42

标签: drag-and-drop hammer.js

我使用HammerJS来抽象桌面和移动设备的拖动,缩放和旋转。我失踪的都是堕落。如何将一个元素定义为一个放置目标,当另一个元素被拖过或放到它上时抛出一个事件?像jQueryUI' droppable这样的东西可以和HammerJS一起使用吗?

感谢。

2 个答案:

答案 0 :(得分:2)

检测丢弃目标元素的唯一快速方法是使用

document.elementFromPoint

像这样:

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

    your code
}

答案 1 :(得分:1)

今天刚解决了。

在删除对象时,设置全局“look for me”标志。然后setTimeout()很快(比如30ms)将其设置为false。 隐藏(并移动)已删除的对象,在短时间内将其放回,允许onMouseOver和onMouseOut事件在放置目标对象上触发。

观看那些“寻找我”标志的事件。

我还没有真正尝试过。

(我的第一篇文章。)