Свертывание нескольких событий Javascript до одного события

Question

У меня есть функция, которая срабатывает каждый раз, когда пользователь вводит ключ. Я хотел бы немного свернуть эти события, чтобы события срабатывали с максимальной скоростью (скажем) 500 мс.

Есть ли простой способ сделать это в Javascript или в популярной библиотеке? Или я должен написать свою собственную логику тайм-аута?

Answer 1

Это довольно легко написать свой собственный:

$('element').on('keyup', function() { 
    clearTimeout($(this).data('timer')); // stops the below function if new key 
             // is pressed within 0.5 seconds 
    $(this).data('timer', 
     setTimeout(function() { 

      // do stuff 

     }, 500) 
    ) 
}); 

или вы можете использовать плагин, jQuery Throttle кажется, чтобы быть популярным.