0

.on()いくつかのマウス イベントを html5 キャンバスにバインドするために使用します。これらのイベントのバインドを解除するには、.off(). しかし、まだ機能が起動されています。jQuery 1.9.2 を使用しています。

$('body').on('mousedown',$('#drawingCanvas'),function (e) { 
  handleMouseDown(e);
});
$('body').on('mousemove',$('#drawingCanvas'),function (e) {  
   handleMouseMove(e);
});
$('body').on('mouseup',$('#drawingCanvas'),function (e) {
    handleMouseUp(e);
});
$('body').on('mouseout',$('#drawingCanvas'),function (e) {      
    handleMouseOut(e);
    isMouseDown = false;
});

function handleMouseMove(e) {
    mouseX = parseInt(e.clientX - offsetX);
    mouseY = parseInt(e.clientY - offsetY); 
    if (isMouseDown) {
        context.beginPath();
        context.globalCompositeOperation = "source-over";
        context.moveTo(lastX, lastY);
        context.lineTo(mouseX, mouseY);
        context.stroke();
        lastX = mouseX;
        lastY = mouseY;
    }
}

$('body').off('mousedown',$('#drawingCanvas'));
$('body').off('mousemove',$('#drawingCanvas'));
$('body').off('mouseup',$('#drawingCanvas'));   
$('body').off('mouseout',$('#drawingCanvas'));
4

1 に答える 1

0

$('body').on('mousedown','#drawingCanvas',handleMouseDown);

$('body').off('mousedown',handleMouseDown);

于 2013-09-27T12:32:03.713 に答える