我一直在尝试使用HTML5画布并遇到了一个问题。
canvas.onmousedown = function(e){
dragOffset.x = e.x - mainLayer.trans.x;
dragOffset.y = e.y - mainLayer.trans.y;
canvas.onmousemove = mouseMove;
}
canvas.onmouseup = function(e){
canvas.onmousemove = null;
}
canvas.onmouseclick = mouseClick;
function mouseMove(e){
mainLayer.trans.x = e.x - dragOffset.x;
mainLayer.trans.y = e.y - dragOffset.y;
return false;
}
function mouseClick(e){
// click action
}
在这段代码中,我通过鼠标点击和拖动偏移量来平移画布视图。但我还有一个点击事件。现在,每当我拖动鼠标并松开时,它会同时运行onmouseup和onclick。有没有什么技巧可以使它们各自独立?