【问题标题】:How to get the position of the preview of a draggable element when it's dropped in HTML5 DnD如何在 HTML5 DnD 中获取可拖动元素的预览位置
【发布时间】:2011-11-26 11:37:55
【问题描述】:

我正在使用 HTML5 Drag and Drop 进行可视化编辑器,我需要将设置为可拖动的元素拖动到充当容器的 div。

一些浏览器提供了一种预览图像,当我拖动它时代表元素,当我让容器中的元素带有放置事件时,我需要获取用户想要放置他的位置。问题是我不知道浏览器提供的预览幽灵的位置,所以我不知道元素应该定位在哪里。

我使用了鼠标位置,但这不是我想要的,因为鼠标位置与预览的位置不同。有没有办法获取拖动元素预览的当前位置?

【问题讨论】:

    标签: javascript html drag-and-drop


    【解决方案1】:

    您是否考虑过使用 jQuery UI 来做您的 DnD?我不确定您是否考虑过这一点,但如果您确实选择执行 jQuery UI 路由,这里有一些资源可能会对您有所帮助:

    jQuery UI Draggable(另见 Droppable)

    jquery ui drag/drop getting position from multiple draggables

    【讨论】:

    • 我认为这更像是一个评论而不是一个答案。该问题专门针对 HTML5 DnD 提出。此外,与 JQuery UI DnD 的大量抽象相比,有些人更喜欢 HTML5 DnD 的原始功能(尽管它有些粗糙)
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-07-24
    • 1970-01-01
    • 2019-12-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多