Friday, December 17, 2010

jQuery Event Methods

Event methods trigger, or bind a function to an event for all matching elements.

Trigger example:

$("button").click() - triggers the click event for a button element.


Binding example:

$("button").click(function(){$("img").hide()}) - binds a function to the click event.
The following table lists all the methods used to handle events


MethodDescription
bind()Add one or more event handlers to matching elements
blur()Triggers, or binds a function to the blur event of selected elements
change()Triggers, or binds a function to the change event of selected elements
click()Triggers, or binds a function to the click event of selected elements
dblclick()Triggers, or binds a function to the dblclick event of selected elements
delegate()Add one or more event handlers to current, or future, specified child elements of the matching elements
die()Remove all event handlers added with the live() function
error()Triggers, or binds a function to the error event of selected elements
event.currentTargetThe current DOM element within the event bubbling phase
event.dataContains the optional data passed to jQuery.fn.bind when the current executing handler was bound
event.isDefaultPrevented()Returns whether event.preventDefault() was called for the event object
event.isImmediatePropagationStopped()Returns whether event.stopImmediatePropagation() was called for the event object
event.isPropagationStopped()Returns whether event.stopPropagation() was called for the event object
event.pageXThe mouse position relative to the left edge of the document
event.pageYThe mouse position relative to the top edge of the document
event.preventDefault()Prevents the default action of the event
event.relatedTargetThe other DOM element involved in the event, if any
event.resultThis attribute contains the last value returned by an event handler that was triggered by this event, unless the value was undefined
event.stopImmediatePropagation()Prevents other event handlers from being called
event.stopPropagation()Prevents the event from bubbling up the DOM tree, preventing any parent handlers from being notified of the event
event.targetThe DOM element that initiated the event
event.timeStampThis attribute returns the number of milliseconds since January 1, 1970, when the event is triggered
event.typeDescribes the nature of the event
event.whichWhich key or button was pressed for a key or button event
focus()Triggers, or binds a function to the focus event of selected elements
focusin()Binds a function to the focusin event of selected elements
focusout()Binds a function to the focusout event of selected elements
hover()Binds one or two functions to the hover event of selected elements
keydown()Triggers, or binds a function to the keydown event of selected elements
keypress()Triggers, or binds a function to the keypress event of selected elements
keyup()Triggers, or binds a function to the keyup event of selected elements
live()Add one or more event handlers to current, or future, matching elements
load()Triggers, or binds a function to the load event of selected elements
mousedown()Triggers, or binds a function to the mouse down event of selected elements
mouseenter()Triggers, or binds a function to the mouse enter event of selected elements
mouseleave()Triggers, or binds a function to the mouse leave event of selected elements
mousemove()Triggers, or binds a function to the mouse move event of selected elements
mouseout()Triggers, or binds a function to the mouse out event of selected elements
mouseover()Triggers, or binds a function to the mouse over event of selected elements
mouseup()Triggers, or binds a function to the mouse up event of selected elements
one()Add one or more event handlers to matching elements. This handler can only be triggered once per element
ready()Binds a function to the ready event of a document
(when an HTML document is ready to use)
resize()Triggers, or binds a function to the resize event of selected elements
scroll()Triggers, or binds a function to the scroll event of selected elements
select()Triggers, or binds a function to the select event of selected elements
submit()Triggers, or binds a function to the submit event of selected elements
toggle()Binds two or more functions to the toggle between for the click event for selected elements
trigger()Triggers all events bound to the selected elements
triggerHandler()Triggers all functions bound to a specified event for the selected elements
unbind()Remove an added event handler from selected elements
undelegate()Remove an event handler to selected elements, now or in the future
unload()Triggers, or binds a function to the unload event of selected elements

No comments:

Post a Comment