PushEvent: PushEvent() constructor
Baseline 2023
Newly available
Since March 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Secure context: This feature is available only in secure contexts (HTTPS), in some or all supporting browsers.
Note: This feature is only available in Service Workers.
The PushEvent() constructor creates a new
PushEvent object. Note that this constructor is exposed only to a
service worker context.
Syntax
new PushEvent(type)
new PushEvent(type, options)
Parameters
type-
A string with the name of the event. It is case-sensitive and browsers set it to
pushorpushsubscriptionchange. optionsOptional-
An object that, in addition of the properties defined in
ExtendableEvent(), can have the following properties:data-
The data you want the
PushEventto contain, if any. When the constructor is invoked, thePushEvent.dataproperty of the resulting object will be set to a newPushMessageDataobject containing these bytes.
Return value
A new PushEvent object.
Examples
const dataInit = {
data: "Some sample text",
};
const myPushEvent = new PushEvent("push", dataInit);
myPushEvent.data.text(); // should return 'Some sample text'
Specifications
| Specification |
|---|
| Push API # dom-pushevent-constructor |
Browser compatibility
| desktop | mobile | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
PushEvent() constructor | |||||||||||