jquery - jQueryでクリックしながらマウスの位置を表示する

Question

自分のサイトで、キャンバス内の画像に回転ツールを作成したいと思います。最初のステップとして、毎回マウスの座標を見つけて、後でこれに従って画像を強制的に回転させたいと思います。マウスを動かしている限り、座標を取得できるmousemoveを使用できることを知っています。しかし、私が欲しいのは、マウスを押したまま動かしてから、座標を取得することです。つまり、mousemoveだけでなく、マウスをクリックして移動します。そのようなことをする方法はありますか？

前もって感謝します

Answer 1

複合イベントは実際にはありませんが、変数を設定して、マウスが押されているかどうかを確認し、それが真である場合にのみ座標を処理することができますか？参照： http： //jsfiddle.net/Vrpd3/1/

'mouseout'イベントは、要素からドラッグアウトした後に記録を停止し、クリックを放してからカーソルを合わせます。

Answer 2

このページをご覧ください。

必要に応じて変更できます。

http://jqueryui.com/demos/draggable/

http://jqueryui.com/demos/draggable/#events

Jqueryのドラッグ可能な機能です。

$('#id').draggable({
drag: function(event, ui) {
    var toppos =ui.position.top
    var leftpos = ui.position.left
}
});

したがって、ドラッグごとに、ドラッグ可能なオブジェクトの位置を知ることができます。はい、ドラッグ可能なdivを最初に配置した位置から相対位置を取得します。ページ内の絶対的なものではありません。

Answer 3

マウスをクリックしながらマウスを動かしながらX、Yコードを取得することを目的としている場合は、このJsFiddleを確認してください。 *ほとんどのコードはjQueryのドキュメントから直接取得されており、変更はほとんどありません。 オブジェクトをドラッグして、ドラッグ中にコーディネイトを取得したい場合は、間違っています。上記の例は、あなたのケースには役立ちません。