Search within TutorialsPark

Jquery Selector Reference


Learn to use jQuery events that are triggered by Form Event


jQuery Events: Form Events

jQuery has a set of methods to use and handle Form related events.

Table : Filtering Methods

Methods Description
.ready(handler) To bind handler to be called when the DOM and CSS are fully loaded
.on(type, [selector], [data], handler) To bind handler to be called when the given type of event is sent to the element, If selector is provided, performs event delegation.
.on(event, [selector], [data]) To bind multiple handlers for events as specified in the events object parameter.
.off(type, [selector], [handler]) To remove bindings on the element
.bind(type, [data], handler) To bind handler to be called when the given type of event is sent to the element. In general, use on() instead.
.one(type, [data], handler) To bind handler to be called when the given type of event is sent to the element.Removes the binding when the handler is called.
.unbind([type], [handler]) To remove the bindings on the element(for an event type, a particular handler, or all bindings)
.delegate(selector, type, [data], handler) To bind handler to be called when the given type of event is sent to a descendant element matching selector.
.delegate(selector, handlers) To bind a collection of handlers to be called when the given type of event are sent to a descendant element matching selector.
.undelegate(selector, type,[handler]) To remove the binding on the element previously bound with .delegate().

Table : Shorthand Binding

Method Description
.blur(handlers) To bind handler to be called when the element loses keyboard focus.
.change(handler) To bind handler to be called when the element's value changes.
.click(handler) To bind handler to be called when the element is clicked.
.dblclick(handler) To bind handler to be called when the element is double-clicked
.error(handler) To bind handler to be called when the element recieves an error event(browser-dependent)
.focus(handler) To bind handler to be called when the element gains keyboard focus
.focusin(handler) To bind handler to be called when the element or a descendant, gains keyboard focus.
.focusout(handler) To bind handler to be called when the element, or a descendant , loses keyboard focus.
.keydown(handler) To bind handler to be called when the key is pressed and the element has keyboard focus.
.keypress(handler) To bind handler to be called when a keystroke occurs and the element has keyboard focus.
.keyup(handler) To bind handler to be called when a key is released and the element has keyboard focus.
.load(handler) To bind handler to be called when the element finishes loading.
.mousedown(handler) To bind handler to be called when the mouse button is pressed within the element.
.keyup(handler) To bind handler to be called when a key is released and the element has keyboard focus.
.load(handler) To bind handler to be called when the element finishes loading.
.mousedown(handler) To bind handler to be called when the mouse button is pressed within the element.
.mouseenter(handler) To bind handler to be called when the mouse pointer enters the element.Not affected by event bubbling.
.mouseleave(handler) To bind handler to be called when the mouse pointer leaves the element.Not affected by event bubbling.
.mousemove(handler) To bind handler to be called when the mouse pointer moves within the element.
.mouseout(handler) To bind handler to be called when the mouse pointer leaves the element.
.mouseover(handler) To bind handler to be called when the mouse pointer leaves the element.
.mouseup(handler) To bind handler to be called when the mouse pointer enters the element.
.resize(handler) To bind handler to be called when the element is resized.
.scroll(handler) To bind handler to be called when the element's scroll position changes.
.select(handler) To bind handler to be called when text in the element is selected.
.submit(handler) To bind handler to be called when the form element is submitted.
.unload(handler) To bind handler to be called when the element is unloaded from memory.
.hover(handler) To bind handler to be called when the mouse enters the element, and leave to be called when the mouse leaves it.

Table : Triggering Reference

Method Description
.trigger(type,[data]) To trigger handlers for the event on the element and executes the default action for the event.
.triggerHandler(type, [data]) To trigger handlers for the event on the element without executing any default actions.

Table : Shorthand Triggering

Event Method Description
.blur() To trigger the blur event.
.change() To trigger the change event.
.click() To trigger the click event.
.dblclick() To trigger the bdlclick event.
.error() To trigger the click event.
.focus() To trigger the focus event.
.keydown() To trigger the keydown event.
.keypress() To trigger the keypress event.
.keyup() To trigger the keyup event.
.select() To trigger the select event.
.submit() To trigger the submit event.

Table : Utility

Methods Description
$.proxy(fn, context) To creates a new function that executes with the given context.