jQuery的製作用鼠標元素移動

所以我可以用鼠標一個元素的舉動，但問題是偏移量從元素的左上角計算並沒有考慮到鼠標的位置的元素內造成物體跳向鼠標並防止向上或向左拖動它。jQuery的製作用鼠標元素移動

所以我想出了這個功能：

handle.on("mousemove", function(e) { 
    if (state.dragging) { 
     var paneOffset = pane.offset(); 
     var mouseOffset = { 
     'top': e.pageY - paneOffset.top, 
     'left': e.pageX - paneOffset.left 
     } 
     pane.offset({ 
     top: e.pageY - mouseOffset.top, 
     left: e.pageX - mouseOffset.left 
     }); 
    } 
    });

例子：http://jsfiddle.net/SEKxc/

的問題，這是它停止元件移動，因爲它總是計算元素的完全相同的偏移。我將如何使元素跟隨鼠標，但相對於鼠標與對象的位置。

我知道jQueryUI具有內置此功能，但不想使用它。

來源

2013-01-01 George Reith

爲什麼你不想使用它？和我不知道答案btw – Chanckjh

是否有你不使用'jQuery Draggable'（http://jqueryui.com/draggable/）的原因？不必重新發明輪子總是很好的。或者，也許你可以參考THAT代碼來解決你的問題。除此之外，代碼的工作演示將很有用。 – Dutchie432

@ Dutchie432 @ Chankjh我不想使用它，因爲它是一個大規模的應用程序，並增加了大量不必要的膨脹，我還想爲此功能添加一些額外的邏輯，例如拖動邊界.etc添加小提琴來回答。 –