2011-12-09 14 views
0

私はドラッグアンドドロップを実装できるようになる学校プロジェクトのためのjavascriptライブラリを作成しています。ドラッグを実装しました。ユーザーがドラッグ可能なオブジェクトをドラッグすると、マウス(onmouseup)が上がるまで、マウスポインタの後ろにある部分的に透明なオブジェクトのクローンを作成します。ドラッグ可能なオブジェクトの上にドラッグすると、そのオブジェクトをそこにドロップできることを示すビジュアルが表示されます。私のクローン要素が邪魔になるため、私のonmouseoverイベントが解雇されていないので、私はこれを動作させることはできません http://jqueryui.com/demos/droppable/#visual-feedbackJavaScriptを使用しているので、私のonmouseoverイベントはなぜ起きていませんか?


jqueryのUIはこれを達成しました。私のクローンは常にマウスポインタに従います。どのようにイベントをクローンの下の要素に発射させることができますか?

+1

コードpljを表示できます – Sedz

+0

[jsfiddle](http://jsfiddle.net/)を作成してください。 – Tomas

答えて

3

onMouseDown/Upは、ドラッグしている要素で定義されています。ドラッグされたオブジェクトの下にある要素は、onMouseOverイベントをキャッチできません。どうして?あなたはオブジェクトとそのオブジェクトをドラッグしているので、onMouseOverイベントを捕まえることができます。

宛先を検出するには、おそらく、ドロップ可能オブジェクトの座標を計算して保存するスクリプトを作成する必要があります。次に、マウスの座標がdroppableObjectCoordinatesの中にあるかどうかを検索し、マウスの左ボタンを放した後、ドラッグしたものを正しい位置にドロップします。

0

オブジェクトclientXおよびclientYに対してマウス座標をチェックするmousemoveイベントをボディ上で使用します。

関連する問題