2011-11-15 19 views
6

Jak dołączyć element html do kursora myszy za pomocą jQuery. Powinno to być coś takiego jak "przeciągalny", ale chcę, aby ten element był przywiązany do kursora po dwukrotnym kliknięciu myszki i podążaniu za kursorem, aż do naciśnięcia lewego przycisku myszy.Jak dołączyć element html do myszy za pomocą jQuery?

+1

Należy pamiętać, że może to być mylące dla większości użytkowników, którzy są przyzwyczajeni do interfejsu click-drag-and-release większości współczesnych systemów operacyjnych. – Blazemonger

Odpowiedz

13

Będziesz chciał użyć .mousemove() i .offset().

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

demo robocza:http://jsfiddle.net/EbbxA/

+0

+1: To wygląda obiecująco. –

+1

Alternatywne demo: http://jsfiddle.net/a4eFE/ ponieważ byłem znudzony i wyglądał fajnie. –

+0

Dziękujemy! Tego właśnie chciałem. Ale co jeśli chcę móc używać opcji "przeciągalnych", takich jak "przyciąganie", "przywracanie", "blokowanie" itd. Jak to zrobić? – user1048261

Powiązane problemy