其它函数中执行功能只有一次

Question

我有以下功能：

div_paper.onmousedown = function(event) { 
    var mouseCoords = getCoords(event); 
    startX = mouseCoords.x - offset[0]; 
    startY = mouseCoords.y - offset[1]; 
    rect = paper.rect(startX, startY, 0, 0); 
    document.onmousemove = doDraw; 
    // the function below i would like to fire once 
    rect.drag(drag_move, drag_start, drag_up); 
}; 

其火，你可以看到，在每个鼠标按下。我想在第一个mousedown之后只能触发drag函数一次。我应该使用jQuery .one()吗？

在此先感谢。

Answer 1

这是即兴的，但你可以尝试：

var dragged = false; 
div_paper.onmousedown = function(event) { 
    var mouseCoords = getCoords(event); 
    startX = mouseCoords.x - offset[0]; 
    startY = mouseCoords.y - offset[1]; 
    rect = paper.rect(startX, startY, 0, 0); 
    document.onmousemove = doDraw; 
    // the function below i would like to fire once 
    if (!dragged) 
    { 
     dragged = true; 
     rect.drag(drag_move, drag_start, drag_up); 
    } 
};