Question

If I have an element that responses on

$('#div').keydown(function(event) { ....

and if user presses a key like a crazy rabbit on heat thousand times within a really short period, browser responses on most of those calls.

Can I somehow prevent that by flushing keyboard buffer?

Answer 1

You may checkout the following blog post which illustrates how you could throttle down function calls and calm down the crazy rabbits.

function debounce(fn, delay) {
  var timer = null;
  return function () {
    var context = this, args = arguments;
    clearTimeout(timer);
    timer = setTimeout(function () {
      fn.apply(context, args);
    }, delay);
  };
}

$('input.username').keypress(debounce(function (event) {
  // do the Ajax request
}, 250));