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.
Here are some other posts you may like
Electric power companies, in general, are pretty much the same. Tibber however, is unlike any electricity company I had seen before. They try to utilise the data we get from smart devices, which they also sell, to save electricity, money and the environment, as well as improving comfort. It’s a…
In the realm of home automation, Home Assistant stands out for its flexibility and customization capabilities. A common scenario, when working with blueprints, involves using triggers based on input variables. But what if you need to modify these inputs for different triggers? This challenge led me to a solution that…
I updated my site to utilize html5 history and ajax recently. One of the challenges I faced was how to handle Gist embeds. Since they only consist of a single script tag it initially seemed like there wasn't a lot to go on. Not to mention that it would trigger…