.resize()

In this chapter you will learn:

1. Syntax and Description for .resize() event

Syntax and Description

.resize(handler)        
.resize()

handler is a function to execute each time the event is triggered. Return value is the jQuery object, for chaining purposes.

resize method binds an event handler to the resize JavaScript event, or trigger that event on an element.

.resize(handler) is a shortcut for .bind('resize', handler) .resize() is a shortcut for .trigger('resize').

The resize event is sent to the window element when the size of the browser window changes.

$(window).resize(function() {
    $.print('Handler for .resize() called.');
});

Next chapter...

What you will learn in the next chapter:

1. Syntax and Description for .scroll() event
2. How to listen to scroll event

Event

Event attributes

event.keycode

event.clientX/clientY

pageX/pageY

Cancel event

Event target

bind

.blur()

.change()

.click()

.error()

.dblclick()

.delegate()

.die()

.focus()

.hover()

.keydown()

.keypress()

.keyup()

.live()

.load()

.mousedown()

.mouseenter()

.mouseleave()

.mousemove()

.mouseover()

.mouseout()

.mouseup()

.off()

.on()

.one()

.ready()

.resize()

.scroll()

.select()

.submit()

.toggle()

.trigger()

.triggerHandler()

.unbind()

.undelegate()

.unload()