Question

159

Javascript on window resize end

rated 0 times [ 165] [ 6] / answers: 1 / hits: 26557 / 7 Years ago, sun, august 27, 2017, 12:00:00

I am calling a function when the window is resized like this:

window.addEventListener(resize, calculateDimensions());

But I need a way to call a different function AFTER the window has been resized.
Is there any way to achieve this using native js (not jquery)

TIA

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

sabinal

Add To Favorites

Follow

Total Points: 144

Total Questions: 112

Total Answers: 107

Location: Ghana

Member since Mon, Aug 22, 2022

2 Years ago

answered 7 Years ago harleyaleenag · Accepted Answer

You could set a Timeout and reset it when resize is fired again. So the last timeout isnt canceled and the function is run:

function debounce(func){

  var timer;

  return function(event){

    if(timer) clearTimeout(timer);

    timer = setTimeout(func,100,event);

  };

}

Usable like this:

window.addEventListener(resize,debounce(function(e){

  alert(end of resizing);

}));