クリックしたときに画像をドラッグできるようにする方法

Question

クリックしたときに画像がドラッグ可能になるようにする方法があるとは思っていません。

最初に選択/クリックしない限り、自分の画像をドラッグすることはできません。

方法はありますか？助けてください。

Answer 1

概念的には、mousedownイベントとmouseupイベントを追跡する必要があります。ユーザーが画像の上にマウスポインタを置き、マウスボタンを押し下げると、「ドラッグモード」に入り、ユーザーが解放する、つまり「マウスアップ」をトリガーするまでそこに留まります。

"ドラッグモード"の場合、mousemoveイベントを追跡し、渡されたイベントオブジェクトからclientXとclientYを取得することによって、画像を翻訳するオフセットを取得できます。これらはマウスがどのくらい移動したかを示します。