2011-11-15 4 views
6

jQueryを使用してマウスカーソルにhtml要素を付けるにはどうすればいいですか?これは 'draggable'のようなものでなければなりませんが、マウスのダブルクリック後にその要素をカーソルに当て、マウスの左ボタンが押されるまでカーソルをたどります。jQueryを使ってhtml要素をマウスに添付するにはどうすればいいですか?

+1

が、これは最も近代的なオペレーティング・システムのクリック - ドラッグ・アンド・リリース・インタフェースに使用されているほとんどのユーザーに混乱する場合があることに注意してください。 – Blazemonger

答えて

13

.mousemove().offset()を使用します。デモの作業

$("#clickedElement").dblclick(function() { 
    var $someElement = $("#elementToCling"); 
    $(document).mousemove(function (e) { 
     $someElement.offset({ top: e.pageY, left: e.pageX }); 
    }).click(function() { 
     $(this).unbind("mousemove"); 
    }); 
}); 

http://jsfiddle.net/EbbxA/

+0

+1:これは有望そうです。 –

+1

別のデモ:http://jsfiddle.net/a4eFE/私は退屈したので、それはクールに見えました。 –

+0

ありがとう!これは私が欲しかったものです。しかし、「スナップ」、「元に戻す」、「閉じ込め」など、「ドラッグ可能な」オプションを使用できるようにしたい場合はどうすればよいでしょうか? – user1048261

関連する問題