如何使用jQuery將html元素附加到鼠標？

Question

如何使用jQuery將html元素附加到鼠標光標。這應該是'可拖動'的東西，但我希望該元素在鼠標雙擊後緊貼在光標上並跟隨光標，直到按下鼠標左鍵。

Answer 1

你會想要使用.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/