2011-07-28 14 views
3

ドラッグスクリプトを使用してオブジェクトをx軸に沿って移動しています。マウスオーバーターゲットを無視しますか?

同じ軸に沿って別のオブジェクトがあります。

私はonmouseoverを使用します。カーソルがそのオブジェクトの上にあり、オブジェクトをドラッグしているときに何か起こります。

ドラッグしている間、ドラッグされたオブジェクトは常に他のオブジェクトの上にあるため、これは機能しません。

JavaScriptでドラッグされたオブジェクトを無視するにはどうすればよいですか?

編集:ドラッグするにはhttp://www.webtoolkit.info/javascript-drag-and-drop.htmlを使用します。

+0

カスタムドラッグスクリプトまたは既存のものを使用していますか?あなたはドラッグ(div/canvas/...)のために何を使用していますか?コードを表示してください。 – pimvdb

+0

が編集されました。また、私はdivをドラッグしています –

答えて

0

私は最近、この問題が発生し、このjQueryプラグインを使用して終了: http://www.48design.de/news/2009/11/20/kollisionsabfrage-per-jquery-plugin-update-v11-8/

これは、オブジェクトの衝突を検出するための素晴らしいです。 しかし、マウスカーソルがオブジェクトの上にあるときを判断するには、1x1絶対インラインブロックdivを作成し、マウスカーソルがあるところに常に置くという方法がありました。だから、

、ユーザーはチェックして、オブジェクトが衝突している場合は、使用を参照して、ドラッグしている:あなたはドラッグすると、カーソルが終わったときに、マウスカーソルで1x1の.cursorBlockを続けるのであれば

if ($('.cursorBlock').collidesWith('.staticBlock')) { 
    // objects are colliding 
} else { 
    // objects are not colliding 
} 

.staticBlock要素、.cursorBlock要素もあまりにも大きくなり、実際のオブジェクトを「ドラッグ」している間に衝突が検出されます。

あなたの質問にjQueryでタグを付けていないことは知っていますが、これがあなたに役立つ場合は、とにかく答えると思いました。

+0

私はwebOSアプリケーションを書いています、私はかなりjqueryがこれに適しているとは思えません。私はオプションがない場合、私はそれをチェックするかもしれない、ありがとう。 –

+0

プラグインのロジックは、他にすぐに利用できるソリューションが見つからない場合は、少なくとも使用する必要があります。 –

関連する問題