jqueryHow do I use jQuery to detect window resize events?
jQuery provides a resize()
event for detecting when the browser window has been resized. The resize()
event can be used on any element, but is most often used on the window
object.
Below is an example of using the resize()
event on the window
object.
$(window).resize(function() {
console.log('Window was resized');
});
When this code is run, the message Window was resized
will be logged to the console every time the browser window is resized.
Code explanation
$(window)
- This is a jQuery selector used to select the window object..resize()
- This is a jQuery method used to bind an event handler to theresize
event.function()
- This is the event handler function that will be called when theresize
event is triggered.console.log('Window was resized')
- This is the code that will be executed when theresize
event is triggered.
Helpful links
More of Jquery
- How do I use jQuery ZTree to create a hierarchical tree structure?
- How do I download a zip file using jQuery?
- How do I create a jQuery Yes/No dialog?
- How do I use jQuery Knob to customize user input?
- How do I prevent XSS attacks when using jQuery?
- How do I install and use jQuery with NPM?
- How do I encode JSON using jQuery?
- How do I use jQuery to zip files?
- How do I use jQuery to change the z-index of an element?
- How to use jQuery to achieve a specific task?
See more codes...