Question

How do I attach html-element to mouse cursor using jQuery. This should be something like ‘draggable’, but I want that element clung to the cursor after mouse double-click and to follow the cursor until the left mouse button is pressed.

Answer 1

You’ll want to use .mousemove() and .offset().

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

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