Javascript mousemove queue

Question

В Javascript возможно ли в обработчике события mousemove определить, есть ли ожидающие события mousemove в очереди?

Или, желательно, чтобы очередь событий пропускала все события mousemove в очереди, за исключением последней?

Я использую MouseMove & других события мыши, чтобы позволить пользователям перетаскивать элементы по экрану, и мне не нужно тратить ЦП & циклов GPU перерисовки перетаскиваемых элементов на каждом MouseMove события (в котором я обновляю верхнее & свойства CSS слева), если я могу пропустить промежуточные события достаточно быстро.

В настоящее время у меня нет проблем с производительностью или визуализацией; Я просто хочу сделать мой JavaScript максимально эффективным.

Answer 1

Использовать событие debouncing. This small throttle/debounce library хорошо работает с jQuery или без него.

Пример:

function someCallback() { 
    // snip 
} 

// don't fire more than 10 times per second 
var debouncedCallback = Cowboy.debounce(100, someCallback); 
document.getElementById('some-id').addEventListener('mousemove', debouncedCallback); 

Answer 2

Вы можете следить за последнее время вы обработали MouseMove, затем пропустить текущую, если это слишком рано.

Например:

elem.onmousemove = function() { 
    var lastcalled = arguments.callee.lastCallTime || 0, 
     now = new Date().getTime(); 
    if(now-lastcalled < 250) return; 
    arguments.callee.lastCallTime = now; 
    // rest of code here 
};