私はRaphael.jsでいくつかのアプリケーションを書いています。マウスドラッグイベントを処理する必要があります。マウスがdrop
イベントを発生させたOpera、event.layerX/event.layerYのプロパティとmouseDroppedイベント
マウスのドラッグが終了したとき、私は(実際には、DIV
/SVG
要素)ラファエロのPaper
オブジェクト上のポイントをキャッチしようと、あります。
FireFoxのとクロームevent.layerX
とevent.layerY
プロパティでよくやっています。しかしオペラにはそれらがありません。
しかし(最後の二つの名前で誤解されることができる)clientX
/clientY
、offsetX
/offsetY
とpageX
/pageY
特性を有します。しかし、私は最終的なマウスの位置を計算するアルゴリズムを作成することはできません。
参照し、マウス開始する(実際のドラッグその画像なし)回路記号のピンを「ドラッグ」と別のものに滴下終了:
だから
、オペラのような座標を示します(5,7)マウスがの場合、イベントが発生します。私はこれらが第2ピンの周りの座標であると仮定します。しかし、私はそれらを使用する必要はありません - 私はピンのユーザーが接続しようとすると見つけることができないそれらを使用してください。
ので、questionis:あなたはドロップイベントは比較的それがドロップされた親要素(例えばラファエロのPaper
オブジェクトおよび/またはそのコンテナに、呼び出されたときにマウスカーソルを見つけるためにどのような方法は、座標を知っていますかケースが説明されている)。
さまざまなマウスイベントプロパティの視覚的理解のためにこのページをチェックしてください。http://www.gtalbot.org/DHTMLSection/WindowEventsO7.html – c69