【问题标题】:Get drag position without jQuery UI在没有 jQuery UI 的情况下获取拖动位置
【发布时间】:2012-10-10 23:05:46
【问题描述】:

我正在 html5 画布中实现一个拖放对象,我想知道如何获得拖动位置。我知道可以使用 jQuery UI,但由于我的对象将在画布中绘制,因此没有可用的 DOM 结构,因此 jQuery UI 可能没有用。

我尝试获取鼠标移动位置的一些代码:

$(document).ready(function(){
    $(document).mousemove(function(e){
        $('#position').html(e.pageX + ', ' + e.pageY);
    });
});

如果有特殊的掉落事件就直截了当,但似乎没有。

【问题讨论】:

    标签: javascript jquery html html5-canvas


    【解决方案1】:

    有一个拖放事件,但它是从droppable 触发的,draggable 在拖动操作结束时触发stop,因此您可能想要利用它。

    【讨论】:

    • 问题说“jQuery-UI 可能没用”!
    • @harsha 对于定位他拥有的代码非常好,它没有使用可拖动事件的 jQuery UI 事件参数。但是他要求一个可用的丢弃事件。
    • 没找到你。你能给出一个代码示例吗?我正在使用问题中提到的画布,因此无法为此启动 droppable 元素(比如画布中的一个圆圈)。
    • @clwen 如果你使用的是画布,那么你不能使用 droppable,但是你可以利用 draggable 的 stop 事件。
    猜你喜欢
    • 2012-09-28
    • 2017-12-24
    • 2018-12-20
    • 1970-01-01
    • 2013-09-11
    • 2023-03-02
    • 2018-08-05
    • 1970-01-01
    • 2023-03-08
    相关资源
    最近更新 更多