jquery ui拖动元素而不保持鼠标按钮(按照光标)

时间:2012-11-22 18:33:35

标签: jquery-ui mouse jquery-ui-draggable

我试图在不保持鼠标按钮的情况下拖动元素。

我想要的行为是:

  1. 我点击了一个可拖动的项目
  2. 拖动我的项目而不保持鼠标左键单击:只需将鼠标作为光标跟随
  3. 我点击一个可放置的容器来确认并追加我的项目
  4. 如果我在启动事件中添加alert框,我可以模拟此行为。

        start : function(){
            alert('test')
        },
    

    这是小提琴:http://jsfiddle.net/QvRjL/103/

    如果没有警告框,如何编码此行为?

1 个答案:

答案 0 :(得分:1)

以下是此问题的一个很好的解决方案:Trigger Click-and-Hold Event

http://jsfiddle.net/VXbpu/1/

http://jsfiddle.net/vPruR/70/

var click = false;

$(document).bind('mousemove', function (e) {
    if (click == true) {
        $('#your_div_id').css({
            left: e.pageX,
            top: e.pageY
        });
    }
});

$('#your_div_id').click(function() {
    click = !click;
    return false;
});

$('html').click(function() {
    click = false;
});