Jquery: 可拖动的敏感性

Question

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

如果客户端在不移动的情况下单击它，则不会调用可拖动的开始，并且它的行为就像它不是可拖动的一样。

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

有没有办法仅在客户端单击元素并将鼠标移开至少 10px 时才触发拖动开始？

注意：这与滚动无关。

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

Answer 1

您似乎想使用 'distance' 属性。 http://api.jqueryui.com/draggable/#option-distance

"Distance in pixels after mousedown the mouse must move before dragging should start. This option can be used to prevent unwanted drags when clicking on an element."

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

Jquery: 可拖动的敏感性

Jquery: Draggable sensibility

javascript

jquery

jquery-ui

jquery-ui-draggable