Jquery：ドラッグ可能な感性

Question

私はjqueryを使ってドラッグ可能なDOM要素を持っています。

クライアントが移動せずにクリックすると、ドラッグ可能な開始は呼び出されず、ドラッグ可能ではないように動作します。

クライアントがクリックしてマウスを1ピクセル離したままドラッグすると、ドラッグが開始されます。イベントがトリガされ、クラスが適用されます。

クライアントが要素をクリックしてマウスを少なくとも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> 

Answer 1

：https://jqueryui.com/draggable/でのライブデモから

コード例。 http://api.jqueryui.com/draggable/#option-distance

"ドラッグする前にマウスを動かす必要があるマウスの距離（ピクセル単位）。このオプションを使用すると、要素をクリックしたときに望ましくないドラッグを防ぐことができます。

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