When you click on the maximize button on the top corner, you would see the alert message with new window width and height.

$(window).resize(function()) line defines resize event which occurs when the size of the browser window changes.

It will run once the page document object model is ready for JavaScript code to execute. As shown in the above program, we have used the code inside $(document).ready which is an event which fires up when document is ready.Resize the window to see Width and Height JQuery Resize() ExampleĪlert('Window is resized ' +' ' + 'Width='+$(window).width()+ ' ' + 'Height='+$(window).height()) It has parameter called function which specifies the function to be run when resize event occurs.

It is useful when creating application like layouts. If the dimensions of the element changes, then inside elements also should adjust as well when the resize event triggers. It is used to perform some desired actions such as adjusting page elements depending on the window size in order to avoid scroll bars etc. It binds event handler to resize event or binds a function which is to be executed when resize event occurs. According to JQuery langauge, the resize event occurs when the size of the browser window changes. In graphical user interfaces, we can size windows to make them larger or smaller. Generally resize means to make something different size.

Javafx call event on resize