【问题标题】:jquery ui drag element without keeping mouse button down (follow the cursor)jquery ui拖动元素而不按住鼠标按钮(跟随光标)
【发布时间】:2012-11-22 18:33:35
【问题描述】:

我正在尝试在不按住鼠标按钮的情况下拖动元素。

我想要的行为是:

  1. 我点击了一个可拖动的项目
  2. 在不按住鼠标左键的情况下拖动我的项目:只需将鼠标作为光标跟随
  3. 我点击一个可放置的容器来确认并附加我的项目

如果我在开始事件期间添加一个alert 框,我可以模拟这种行为。

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

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

如何在没有警告框的情况下对这种行为进行编码?

【问题讨论】:

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


    【解决方案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;
    });
    

    【讨论】:

      猜你喜欢
      • 2022-06-27
      • 2013-01-02
      • 1970-01-01
      • 1970-01-01
      • 2020-03-18
      • 2019-10-27
      • 1970-01-01
      • 1970-01-01
      • 2023-04-01
      相关资源
      最近更新 更多