ожидание «конца» события «Изменение» для оптимального выполнения действий

В программировании, управляемом событиями, это общепринято, чтобы обрабатывать изменения размера, используя событие «Resize», обычно присваиваемое окно или другому решаемому элементу. Однако, когда происходят операции изменения размера, событие «изменения размера» запускается несколько раз во время процесса, что приводит к избыточному выполнению вашего обработчика событий.

, захватывая «конец» события «изменить размер»

, чтобы решить эту проблему и выполнить действие, только когда мы используем, что мы можем использовать. 'settimeout ()' и 'cleartimeOut ()'.

Решение:

создать функцию, 'resizew ()', который будет служить в качестве обработчика событий для изменения размера. // ваше действие будет выполнено при изменении размера. }

function resizedw() {
  // Your action to be performed when resizing finishes
}

var doit = ​​null;

var doit = null;

Когда операция изменения размера заканчивается, обработчик «onResize» будет вызван без запуска 'recedizew ()' немедленно. После назначенной задержки (100 миллисекунд), 'recedizew ()' выполнит, отмечает завершение процесса изменения размера.

window.onresize = function() {

  clearTimeout(doit);

Это решение эффективно обрабатывает событие «Изменение размера», предотвращая выполнение связанного действия во время процесса изменения размера. Вместо этого действие запускается только после того, как операция изменения размера полностью завершилась.