Как отследить момент остановки курсора?

Question

[Вячеслав Лебедев]

Добрый вечер!
Не могу сообразить как поймать момент остановки курсора.
Пример: зажимаем (mousedown), ведем (mousemove) - останавливаем движение не отпуская мышь. Пробовал diff высчитывать, между 2 точками, но не вариант, событие debounce'ится (вызывается не чаще 150 ms) и между точками может быть большая дистанция... Возможно я что то упускаю...
И вот как поймать эту остановку, чтобы что нибудь выполнить?
Спасибо за любую наводку! :)

Answer 1

[Dark Hole]

setTimeout + clearTimeout при нужном эвенте не катят?

var time;
function onmousemove(e) {
  if(time) clearTimeout(time);
  ...
  time = setTimeout(onstop, 100);
}
function onstop() {
  // Cursor stopped
}

Comments

[Вячеслав Лебедев]

Вся соль в нужном эвенте :) таймер мне кажется не подойдет. многое испробовал, что то видимо не допонимаю... не знаю :(

[Dark Hole]

Вячеслав Лебедев: сейчас поправлю ответ

[lemme]

Вячеслав Лебедев: а других вариантов, по сути нет.

[pashted]

lemme: это потому, что остановка курсора происходит в момент завершения mousemove

[Вячеслав Лебедев]

А не плохая идея. Попробую, спасибо :) пусть с задержкой я узнаю об останове, все лучше, чем ничего :) буду экспериментировать с меньшей задержкой. Спасибо :)

[Dark Hole]

Вячеслав Лебедев: ну можно еще проверять по кадрам курсор с помощью requestEventListener, но это хардкор. 60 мск хватит

[Вячеслав Лебедев]

Dark Hole: в моем случае с debounce'сом в 167ms, я буду вокруг этого числа тестировать.

Answer 2

[lega]

https://jsfiddle.net/lega911/31ax672u/