jQuery logojQuery API Documentation

  • Home
  • API Documentation
  • CDN
  • Plugins
  • Browser Support

Categories: Event Object


jQuery's event system normalizes the event object according to W3C standards. The event object is guaranteed to be passed to the event handler. Most properties from the original event are copied over and normalized to the new event object.

jQuery.Event Constructor

The jQuery.Event constructor is exposed and can be used when calling trigger. The new operator is optional.

Check trigger's documentation to see how to combine it with your own event object.

Example:

1
2
3
4
5
//Create a new jQuery.Event object without the "new" operator.
var e = jQuery.Event( "click" );
// trigger an artificial click event
jQuery( "body" ).trigger( e );

As of jQuery 1.6, you can also pass an object to jQuery.Event() and its properties will be set on the newly created Event object.

Example:

1
2
3
4
5
// Create a new jQuery.Event object with specified event properties.
var e = jQuery.Event( "keydown", { keyCode: 64 } );
// trigger an artificial keydown event with keyCode 64
jQuery( "body" ).trigger( e );

Common Event Properties

jQuery normalizes the following properties for cross-browser consistency:

  • target
  • relatedTarget
  • pageX
  • pageY
  • which
  • metaKey

The following properties are also copied to the event object, though some of their values may be undefined depending on the event:

altKey, bubbles, button, buttons, cancelable, char, charCode, clientX, clientY, ctrlKey, currentTarget, data, detail, eventPhase, key, keyCode, metaKey, offsetX, offsetY, originalTarget, pageX, pageY, relatedTarget, screenX, screenY, shiftKey, target, toElement, view, which

Other Properties

To access event properties not listed above, use the event.originalEvent object:

1
2
3
// Access the `dataTransfer` property from the `drop` event which
// holds the files dropped into the browser window.
var files = event.originalEvent.dataTransfer.files;
Events > Event Object

event.currentTarget

The current DOM element within the event bubbling phase.
Events > Event Object

event.data

An optional object of data passed to an event method when the current executing handler is bound.
Events > Event Object | Events

event.delegateTarget

The element where the currently-called jQuery event handler was attached.
Events > Event Object

event.isDefaultPrevented()

Returns whether event.preventDefault() was ever called on this event object.
Events > Event Object

event.isImmediatePropagationStopped()

Returns whether event.stopImmediatePropagation() was ever called on this event object.
Events > Event Object

event.isPropagationStopped()

Returns whether event.stopPropagation() was ever called on this event object.
Events > Event Object

event.metaKey

Indicates whether the META key was pressed when the event fired.
Events > Event Object

event.namespace

The namespace specified when the event was triggered.
Events > Event Object

event.pageX

The mouse position relative to the left edge of the document.
Events > Event Object

event.pageY

The mouse position relative to the top edge of the document.
Events > Event Object

event.preventDefault()

If this method is called, the default action of the event will not be triggered.
Events > Event Object

event.relatedTarget

The other DOM element involved in the event, if any.
Events > Event Object

event.result

The last value returned by an event handler that was triggered by this event, unless the value was undefined.
Events > Event Object

event.stopImmediatePropagation()

Keeps the rest of the handlers from being executed and prevents the event from bubbling up the DOM tree.
Events > Event Object

event.stopPropagation()

Prevents the event from bubbling up the DOM tree, preventing any parent handlers from being notified of the event.
Events > Event Object

event.target

The DOM element that initiated the event.
Events > Event Object

event.timeStamp

The difference in milliseconds between the time the browser created the event and January 1, 1970.
Events > Event Object

event.type

Describes the nature of the event.
Events > Event Object

event.which

For key or mouse events, this property indicates the specific key or button that was pressed.
  • Ajax
    • Global Ajax Event Handlers
    • Helper Functions
    • Low-Level Interface
    • Shorthand Methods
  • Attributes
  • Callbacks Object
  • Core
  • CSS
  • Data
  • Deferred Object
  • Deprecated
    • Deprecated 1.3
    • Deprecated 1.4
    • Deprecated 1.7
    • Deprecated 1.8
    • Deprecated 1.9
    • Deprecated 1.10
    • Deprecated 3.0
    • Deprecated 3.3
  • Dimensions
  • Effects
    • Basics
    • Custom
    • Fading
    • Sliding
  • Events
    • Browser Events
    • Document Loading
    • Event Handler Attachment
    • Event Object
    • Form Events
    • Keyboard Events
    • Mouse Events
  • Forms
  • Internals
  • Manipulation
    • Class Attribute
    • Copying
    • DOM Insertion
    • DOM Insertion, Around
    • DOM Insertion, Inside
    • DOM Insertion, Outside
    • DOM Removal
    • DOM Replacement
    • General Attributes
    • Style Properties
  • Miscellaneous
    • Collection Manipulation
    • Data Storage
    • DOM Element Methods
    • Setup Methods
  • Offset
  • Properties
    • Properties of jQuery Object Instances
    • Properties of the Global jQuery Object
  • Removed
  • Selectors
    • Attribute
    • Basic
    • Basic Filter
    • Child Filter
    • Content Filter
    • Form
    • Hierarchy
    • jQuery Extensions
    • Visibility Filter
  • Traversing
    • Filtering
    • Miscellaneous Traversing
    • Tree Traversal
  • Uncategorized
  • Utilities
  • Version
    • Version 1.0
    • Version 1.0.4
    • Version 1.1
    • Version 1.1.2
    • Version 1.1.3
    • Version 1.1.4
    • Version 1.2
    • Version 1.2.3
    • Version 1.2.6
    • Version 1.3
    • Version 1.4
    • Version 1.4.1
    • Version 1.4.2
    • Version 1.4.3
    • Version 1.4.4
    • Version 1.5
    • Version 1.5.1
    • Version 1.6
    • Version 1.7
    • Version 1.8
    • Version 1.9
    • Version 1.12 & 2.2
    • Version 3.0
    • Version 3.1
    • All
  • Learning Center
  • Forum
  • API
  • Twitter
  • IRC
  • GitHub

Copyright 2018 The jQuery Foundation. jQuery License