Javascript Jquery：可拖动的敏感性

我有一个使用jquery的可拖动DOM元素

如果客户端在不移动的情况下单击它，则不会调用draggable start，它的行为就像它不是一个draggable

当客户端单击鼠标并在按住鼠标的同时将其移动1像素时，拖动开始。事件被触发，类被应用等

只有当客户端单击元素并将鼠标移动至少10px时，是否有方法触发拖动启动

注意：这与滚动无关

现场演示的代码示例位于：

#可拖动{宽度：150px；高度：150px；填充：0.5em；}
$（函数（）{
$（“#可拖动”）.draggable（）；
//目标是仅当鼠标移动超过10px时才开始拖动
});
把我拖来拖去

看起来您想要使用“距离”属性

“鼠标后的距离（以像素为单位）鼠标必须向下移动，然后才能开始拖动。此选项可用于在单击元素时防止不必要的拖动。”

---

有代码要共享吗？我在问题中添加了代码。

<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>

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