Javascript Jquery在mousemove上拖动激发,但在mousedown上不拖动激发

Javascript Jquery在mousemove上拖动激发,但在mousedown上不拖动激发,javascript,jquery,jquery-ui,jquery-ui-draggable,Javascript,Jquery,Jquery Ui,Jquery Ui Draggable,所以我使用jQueryUI的“Dragable”,并注意到了一些东西;拖动事件仅在mousemove上触发。现在,对于我正在构建的应用程序,我需要它在mousedown和mousemove上启动。为了演示我的意思,请看一下jQueryUI网站上的示例。元素捕捉到相对于鼠标的特定位置,但仅当您移动鼠标时。我知道这不是默认行为,但我需要模拟它。让我在这里解释一下我的情况 我有一个盒子,里面有一个圆圈。用户可以围绕长方体拖动圆,但当用户将鼠标向下移动到长方体中的其他位置时,圆将捕捉到光标。现在,我有这

所以我使用jQueryUI的“Dragable”,并注意到了一些东西;拖动事件仅在mousemove上触发。现在,对于我正在构建的应用程序,我需要它在mousedown和mousemove上启动。为了演示我的意思,请看一下jQueryUI网站上的示例。元素捕捉到相对于鼠标的特定位置,但仅当您移动鼠标时。我知道这不是默认行为,但我需要模拟它。让我在这里解释一下我的情况

我有一个盒子,里面有一个圆圈。用户可以围绕长方体拖动圆,但当用户将鼠标向下移动到长方体中的其他位置时,圆将捕捉到光标。现在,我有这个:

    $('#big-box').mousedown(function(event){
        $('#tiny-circle').trigger(event);
    });

这可以确保当用户鼠标向下移动并移动到框中的其他位置时触发拖动事件,但是当用户单击框中的某个位置而不是圆上的某个位置时,我需要该圆捕捉到光标。我如何以一种干净的方式来做这件事?来说明我的意思;这正好说明了我的观点。您可以拖动圆圈,但当用户仅单击鼠标时,圆圈会捕捉到光标。

好的,因此经过一些实验,我认为这是我能够找到问题的干净解决方案的最接近点:

    $('#big-box').mousedown(function(event){
        $('#tiny-circle').css({left:event.offsetX,top:event.offsetY});
        $('#tiny-circle').trigger(event);
    });
这正是我们想要的