HTML 5 canvas: detect, if mouse button is pressed while moving mouse over canvas

Question

I was trying to detect, if mouse is pressed while moving over CANVAS:

canvas.addEventListener('mousemove', function (evt) {
           ...
        });

Setting a flag inside mousedown and skipping it in mouseup is a bad idea, because user can release mouse button outside the canvas.

Answer 1

evt.which will be 1 if left mouse button is held down during the fired mousemove event, 0 if it's not.

Test with:

document.addEventListener("mousemove", function (e) {
    console.log(e.which);
});