Jquery：可拖拽性灵敏度

Question

我使用jquery创建了一个可拖动的DOM元素。

如果客户端点击该元素但不移动，拖动开始不会被调用，它就像不可拖动一样。

当客户端点击并按住鼠标移动1像素时，拖动开始。事件被触发，应用类等...

是否有一种方法可以仅在客户端点击元素并将鼠标移动至少10像素时才触发拖动开始？

注意：这与滚动无关。

示例代码来自https://jqueryui.com/draggable/的实时演示：

<style>#draggable { width: 150px; height: 150px; padding: 0.5em; }</style>
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>

<script>
$(function(){
    $("#draggable").draggable(); 
    //goal is to only starts dragging if mouse moved more than 10px
});
</script>

<div id="draggable" class="ui-widget-content">
    <p>Drag me around</p>
</div>

- RainingChain

---

有代码可以分享吗？ - Roko C. Buljan

我在问题中添加了代码。 - RainingChain

http://api.jqueryui.com/draggable/#option-distance - Rafi Ud Daula Refat

Answer 1

看起来你想要使用“distance”属性。 http://api.jqueryui.com/draggable/#option-distance

“mousedown”后鼠标移动的像素距离，必须达到这个数值才会开始拖动。此选项可用于防止在单击元素时出现意外拖动。

$( "#draggable" ).draggable({
  distance: 10
});

- Jules