Как в javascript приостановить обработчик события click при обработке события mousemove?

Question

[EVOSandru6]

Добрый день,

Мне необходимо по разному обрабатывать простой клик по канвасу и клик-перемещение-отпуск мыши.

Пробовал таким образом отменить обработчик на click - при mousemove, но mouseClick все равно отрабатывает помимо mouseDown-mouseMove-mouseUp в момент mouseUp.

canvas.addEventListener('mousemove',    mouseMove,   false );
    canvas.addEventListener('mousemove',    function(){
        canvas.onclick = null;
        canvas.click = null;
        console.log('....');
    },      false );
    canvas.addEventListener('mousedown',    mouseDown,   false );
    canvas.addEventListener('mouseup',      mouseUp,     false );
    canvas.addEventListener('click',        mouseClick,  false );

Подскажите пожалуйста, кто сталкивался?

Answer 1

[Алексей Уколов]

Нужно использовать переменные-флаги, находящиеся вне обработчиков, чтобы у них был доступ к этим переменным. При запуске обработчика смотрите флаги и прерывайте его работу, если запущен какой-то другой процесс.
Опишите просто словами свою логику и в зависимости от этого описания реализуйте нужные флаги.

Обработчики, установленные через addEventListener нужно снимать через removeEventListener, а не через canvas.onclick = null;. Но в вашем случае это ничем не поможет.

Comments

[EVOSandru6]

Исключил вообще событие click и добавил флаг. Теперь я получаю свой клик при повторном нажатии после остановки мыши. При первом нажатии получаю *Перетаскивание*

Вот так:

window.is_click = true;

canvas.addEventListener('mouseup',    function(){
        console.log('....');
    },      false );
    canvas.addEventListener('mousemove',    mouseMove,   false );
    canvas.addEventListener('mousemove',    function(){
        is_click = false;
    },      false );
    canvas.addEventListener('mousedown',    mouseDown,   false );
    canvas.addEventListener('mouseup',      mouseUp,     false );

function mouseUp(e) {
    if(!is_click){
        console.log('Перенес');
        is_click = true;
    }
    else{
        console.log('Кликнул');
    }
};

Как можно добиться Клика при первом нажатии, каким то образом проследить остановку мыши?