jQuery resize-end event

Recently I was asked about jQuery’s resize event. It runs its resize while the users resizes the window – meaning it can be triggered hundreds of times before ending the resize. Is there a way to wait until the user is done resizing?

I know jQuery isn’t the coolest kid on the block anymore, but I thought this still could be useful for anyone wondering about the same thing.

The solution I propose is to add a timer to the resize event. Whenever the resize event runs, it will hold off for a specific amount of time until running it’s script. Using this, we can register our own resize-start and resize-end events.

The threshold is something you can set yourself. For the example code I used 250ms.

I'm a webdeveloper based in Oslo, Norway. I currently work with web development at Nettmaker.

I would like to change the world, but they won't give me the source…

Leave a Reply

Your email address will not be published. Required fields are marked *