javascript - 无需按下鼠标即可拖动项目

Question

我正在使用 Jquery-ui 将项目从一个列表拖动到另一个列表，但我希望能够拖动元素而无需按鼠标，也就是说，我们按一次鼠标，然后单击该元素光标，再次按下时，会将项目存放在光标所在的位置。

我不知道是否可以使用Jquery-ui Draggable或Sortable by Jquery-ui来完成。所以我很感谢你的帮助。

Answer 1

这不是一个答案，但它可能是一个答案的开始。

我能够切换可拖动状态并在单击时拉动底层小部件。

不幸的是，我找不到“开始”和“停止”鼠标移动拖动的触发器。

我没有时间继续做这件事。希望有人能从我停下来的地方继续:

$('div.draggable-text').draggable({ disabled: true }).data('draggable', false);

$('div.draggable-text').on('click', function (event) {
    // Toggle status
    var draggable = !$(this).data('draggable');
    $(this).data('draggable', draggable);
    $(this).draggable(draggable ? 'enable' : 'disable');

    // Get widget
    var widget = $(this).data("ui-draggable");
    console.log(widget);

    // Trigger widget start or stop event
    if (draggable) {
        //widget._mouseStart(event);
        widget._trigger("start", event);
    } else {
        //widget._mouseStop(event);
        widget._trigger("stop", event);
    }
});