The detail
readonly property of the CustomEvent
interface returns any data passed when initializing the event.
Note: This feature is available in Web Workers.
Syntax
let myDetail = customEventInstance.detail;
Return value
Whatever data the event was initialized with.
Example
// add an appropriate event listener obj.addEventListener("cat", function(e) { process(e.detail) }); // create and dispatch the event let event = new CustomEvent("cat", { detail: { hazcheeseburger: true } }); obj.dispatchEvent(event); // Will return an object contaning the hazcheeseburger property let myDetail = event.detail;
Specifications
Specification | Status | Comment |
---|---|---|
DOM The definition of 'detail' in that specification. |
Living Standard | Initial definition. |
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
detail | Chrome Full support 15 | Edge Full support 14 | Firefox Full support 11 | IE No support No | Opera Full support 11.6 | Safari Full support 6.1 | WebView Android Full support Yes | Chrome Android Full support Yes | Firefox Android Full support 14 | Opera Android Full support Yes | Safari iOS Full support 6.1 | Samsung Internet Android Full support Yes |
Legend
- Full support
- Full support
- No support
- No support