Окончание ресайза окна javascript

364

17 июля 2017, 17:14

Если нужно выполнять какой-то код при изменении размера окна браузера, то повесим обработчик события resize на window:

window.addEventListener('resize', function(e){//код....});

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

Answer 1

    <script>
    $(window).bind("resize",function(){ //Подключам событие изменение размеров Окна
    window_resize(); //Вызываем функцию Обработки окна
    return false});`
var resizeTimeoutId; //Таймер задержки исполнения
function window_resize() {
     clearTimeout(resizeTimeoutId); //удаляем все предыдущие события "Дребезга `контактов"
     resizeTimeoutId = setTimeout('alert_And_ResizeCode();', 10);
}
function alert_And_ResizeCode(){alert("Есть Cмена размера окна ");/*Тут Обработка события*/
 };
</script>