如何在JavaScript中避免自动重复的keydown事件？

document.addEventListener('keypress', function(event) {
  console.log('Key pressed:', event.key);
});

document.addEventListener('keyup', function(event) {
  console.log('Key released:', event.key);
});

function debounce(func, wait) {
  let timeout;
  return function(...args) {
    const context = this;
    clearTimeout(timeout);
    timeout = setTimeout(() => func.apply(context, args), wait);
  };
}

document.addEventListener('keydown', debounce(function(event) {
  console.log('Key pressed:', event.key);
}, 100));

function throttle(func, limit) {
  let inThrottle;
  return function(...args) {
    const context = this;
    if (!inThrottle) {
      func.apply(context, args);
      inThrottle = true;
      setTimeout(() => inThrottle = false, limit);
    }
  };
}

document.addEventListener('keydown', throttle(function(event) {
  console.log('Key pressed:', event.key);
}, 100));