如何检索mousedown到mouseup事件之间的所有鼠标坐标

Question

根据下面的jQuery文档,代码可用于捕获mouseup和mouse down事件.但我的要求有点不同

$("#dic").mouseup(function () {

}).mousedown(function () {

});  

但是如何计算mousedown位置与mouseup位置之间的鼠标移动坐标.请帮帮我.如何在mousedown和mouseup之间应用mousemove事件

Answer 1

如果您需要捕获鼠标在拖动过程中移动的所有点,请绑定/取消绑定新的mousemove处理程序:

var allPoints = [];
$("#dic").mouseup(function (e) {
    $(this).unbind("mousemove", trackPoints);
}).mousedown(function (e) {
    $(this).bind("mousemove", trackPoints); 
});

function trackPoints(e) {
    allPoints.push({ x: e.pageX, y: e.pageY });
}

这样,trackPoints当鼠标停止时将开始触发,当它返回时停止.

您可能还希望在处理程序和处理程序if(e.which == 1)的顶部添加一个,以便它们仅执行鼠标左键,而不是中键或右键.mouseupmousedownbind