Чтобы дождаться «конца» события «изменения размера» в JavaScript и выполнить действие только после завершения события, вы можете использовать несколько разных методов. Вот несколько примеров:

Метод 1: устранение дребезга

let timeoutId;
window.addEventListener('resize', () => {
  clearTimeout(timeoutId); // Clear the previous timeout
  timeoutId = setTimeout(() => {
    // Perform your action here
    console.log('Resize event finished');
  }, 300); // Adjust the debounce delay as needed
});

Метод 2: регулирование

let isResizing = false;
window.addEventListener('resize', () => {
  if (!isResizing) {
    isResizing = true;
    // Perform your action here
    console.log('Resize event finished');
    setTimeout(() => {
      isResizing = false;
    }, 300); // Adjust the throttle delay as needed
  }
});

Оба метода используют механизм задержки, чтобы определить момент завершения события изменения размера. Метод устранения дребезга ожидает определенного периода бездействия после последнего события изменения размера, прежде чем запускать действие. Метод throttle запускает действие сразу после события изменения размера, а затем ждет определенный период, прежде чем разрешить повторный запуск действия.