Home / Software / Tips and Tricks / Chapter 6 - jQuery Event

Chapter 6 - jQuery Event

Updated:  06/16/2013 18:06 PM
Author:  Shiju Mathews

Status:    Resolved.


Chapter 6 - jQuery Event
<<   Previous ChapterChaper 6Next Chapter >>
 

JQuery events are fired when user interacts with the browser. "blur()", "blur()", "click()", "change()", "focus()" and "keyup()" are some examples of user events.
This events are registered to a handler to create custom effects.

Events

.bind(): Attach a handler to an event for the elements.
.blur(): Bind an event handler to the “blur” JavaScript event, or trigger that event on an element.


.change()Bind an event handler to the “change” JavaScript event, or trigger that event on an element.


.click(): Bind an event handler to the “click” JavaScript event, or trigger that event on an element.

.dblclick(): Bind an event handler to the “dblclick” JavaScript event, or trigger that event on an element.

.delegate() : Attach a handler to one or more events for all elements that match the selector, now or in the future, based on a specific set of root elements.

.die(): Remove event handlers previously attached using .live() from the elements.

.error(): Bind an event handler to the “error” JavaScript event.

.event.currentTarget: The current DOM element within the event bubbling phase.

event.data: An optional object of data passed to an event method when the current executing handler is bound.

event.delegateTarget: The element where the currently-called jQuery event handler was attached.

event.isDefaultPrevented(): Returns whether event.preventDefault() was ever called on this event object.

.event.isImmediatePropagationStopped(): Returns whether event.stopImmediatePropagation() was ever called on this event object.

event.isPropagationStopped(): Returns whether event.stopPropagation() was ever called on this event object.

event.metaKey: Indicates whether the META key was pressed when the event fired.

event.namespace: The namespace specified when the event was triggered.

event.pageX: The mouse position relative to the left edge of the document.

event.pageY: The mouse position relative to the top edge of the document.

event.preventDefault(): If this method is called, the default action of the event will not be triggered.

event.relatedTarget: The other DOM element involved in the event, if any.

event.result: The last value returned by an event handler that was triggered by this event, unless the value was undefined.

event.stopImmediatePropagation(): Keeps the rest of the handlers from being executed and prevents the event from bubbling up the DOM tree.

event.stopPropagation(): Prevents the event from bubbling up the DOM tree, preventing any parent handlers from being notified of the event.

event.target: The DOM element that initiated the event.

event.timeStamp: The difference in milliseconds between the time the browser created the event and January 1, 1970.

event.type: Describes the nature of the event.

event.which: For key or mouse events, this property indicates the specific key or button that was pressed.

.focus(): Bind an event handler to the “focus” JavaScript event, or trigger that event on an element.

.focusin(): Bind an event handler to the “focusin” event.

.focusout(): Bind an event handler to the “focusout” JavaScript event.

.hover(): Bind one or two handlers to the matched elements, to be executed when the mouse pointer enters and leaves the elements.

jQuery.proxy(): Takes a function and returns a new one that will always have a particular context.

.keydown(): Bind an event handler to the “keydown” JavaScript event, or trigger that event on an element.

.keypress(): Bind an event handler to the “keypress” JavaScript event, or trigger that event on an element.

.keyup(): Bind an event handler to the “keyup” JavaScript event, or trigger that event on an element.

.live(): Attach an event handler for all elements which match the current selector, now and in the future.

<<   Previous ChapterChaper 6Next Chapter >>
 
<