Sometimes, we want to detect div dimension change with JavaScript./
In this article, we’ll look at how to detect div dimension change with JavaScript.
How to detect div dimension change with JavaScript?
To detect div dimension change with JavaScript, we use ResizeObserver
.
For instance, we write
const outputSize = () => {
console.log(textbox.offsetWidth, textbox.offsetHeight);
};
outputsize();
new ResizeObserver(outputSize).observe(textbox);
to create a ResizeObserver
obbject with the outputSize
function.
And we call observer
with the textbox
element to watch its size change.
We get the width and height with offsetWidth
and offsetHeight
.
Conclusion
To detect div dimension change with JavaScript, we use ResizeObserver
.