Home >>jQuery Tutorial >jQuery Events

jQuery Events

jQuery Events

jQuery Events cause the selected elements to trigger or attach a function to an event handler.

The following table lists all the methods used for managing events using jQuery.

Method / Property Description
bind() This method is used to Attaches event handlers to elements
blur() It is used to Triggers/ Attaches the blur event
change() It is used to Triggers/ Attaches gers the change event
click() It is used to Triggers/ Attaches the click event
dblclick() It is used to Triggers/ Attaches the double click event
delegate() This method is used to Attaches a handler to future, or current, specified child elements of the matching elements
die() Removed in version 1.9. It is used to Removes all event handlers added with the live() method
error() Removed in version 3.0. It is used to triggers/attcahes the error event
event.currentTarget This property is used to current DOM element within the event bubbling phase
event.data This method Contains the optional data passed when the current executing handler is bound to an event method
event.delegateTarget It is used to Returns the item to which the currently known jQuery event handler was attached
event.isDefaultPrevented() It is used to Returns whether event.preventDefault() was called for the event object
event.isImmediatePropagationStopped() It is used to returns whether event.stopImmediatePropagation() was called for the event object
event.isPropagationStopped() This method helps to Returns whether event.stopPropagation() was called for the event object
event.namespace It is used to returns the namespace specified when the event was triggered
event.pageX It is used to returns the mouse position relative to the left edge of the document
event.pageY This method is used to returns the mouse position relative to the top edge of the document
event.preventDefault() It helps to Prevents the default action of the event
event.relatedTarget This method is used to returns which element being entered or exited on mouse movement
event.result This method helps to Contains the previous/last value returned by an event handler triggered by the specified event
event.stopImmediatePropagation() It is used to Prevents other event handlers from being called
event.stopPropagation() Prevents the event from bubbling up the DOM tree, preventing the event from being notified by any parent handler
event.target It is used to returns which DOM element triggered the event
event.timeStamp This method is used to returns the number of milliseconds (since January 1, 1970) when the event is triggered
event.type This method is used to returns which event type was triggered
event.which It is used to returns which mouse button or keyword key button was pressed for the event
focus() It is used to Triggers/ Attaches the focus event
focusin() This method is used to attaches the focusout event an event handler
hover() It is used to attaches the hover event to the event handlers
keydown() It is used to Triggers/Attaches the keydown event
keypress() This method is used to Triggers/Attaches the keypress event
keyup() This method is used to Triggers/Attaches the keyup event
live() Removed in version 1.9. It is used to Adds one or Multiple event handlers to future, or current, selected elements
load() Removed in version 3.0. It is used to Attaches an event handler to the load event
mousedown() This method is used to Triggers/Attaches the mousedown event
mouseenter() It is used to Triggers/Attaches the mouseenter event
mouseleave() It is used to Triggers/Attaches the mouseleave event
mousemove() It is used to Triggers/Attaches the mousemove event
mouseout() This method is used to Triggers/Attaches the mouseout event
mouseover() This method is used to Triggers/Attaches the mouseover event
mouseup() This method is used to Triggers/Attaches the mouseup event
off() It is used to removes event handlers attached with the on() method
on() It is used to attaches event handlers to elements
one() This method helps to Adds one or multiple event handlers to selected elements.
$.proxy() It helps to takes an existing function and returns a new one with a particular context
ready() It is used to specifies a function to execute when the DOM is fully loaded
resize() This method is used to Triggers/ Attaches the resize event
scroll() This method is used to Triggers/ Attaches the scroll event
select() This method is used to Triggers/Attaches the select event
submit() This method is used to Triggers/Attaches the submit event
toggle() Removed in version 1.9. this method helps to remove attaches two or multiple functions to toggle between for the click event
trigger() This method is used to Triggers all events bound to the selected elements
triggerHandler() This property of jQuery event is used to Triggers all functions bound to a specified event for the selected elements
unbind() Deprecated in version 3.0. Use the off() method instead. It will helps to Removes an added event handler from selected elements
undelegate() Deprecated in version 3.0. Use the off() method instead. This method will helps to Removes an event handler to selected elements, now or in the future