CanMakePaymentEvent

Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

Note: This feature is only available in Service Workers.

The CanMakePaymentEvent interface of the Payment Handler API is the event object for the canmakepayment event, fired on a payment app's service worker to check whether it is ready to handle a payment. Specifically, it is fired when the merchant website calls the PaymentRequest() constructor.

Event ExtendableEvent CanMakePaymentEvent

Constructor

CanMakePaymentEvent()

Creates a new CanMakePaymentEvent object instance.

Instance methods

respondWith()

Enables the service worker to respond appropriately to signal whether it is ready to handle payments.

Examples

js
self.addEventListener("canmakepayment", (e) => {
  e.respondWith(
    new Promise((resolve, reject) => {
      someAppSpecificLogic()
        .then((result) => {
          resolve(result);
        })
        .catch((error) => {
          reject(error);
        });
    }),
  );
});

Specifications

Specification
Payment Handler API
# the-canmakepaymentevent

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Opera Safari Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet WebView Android
CanMakePaymentEvent 70 79 No 57 No 70 No 49 No 10.0 No
CanMakePaymentEvent 70 79 No 57 No 70 No 49 No 10.0 No
methodData 70–111 79–111 No 57–97 No 70–111 No 49–75 No 10.0–22.0 No
modifiers 70–111 79–111 No 57–97 No 70–111 No 49–75 No 10.0–22.0 No
paymentRequestOrigin 70–111 79–111 No 57–97 No 70–111 No 49–75 No 10.0–22.0 No
respondWith 70 79 No 57 No 70 No 49 No 10.0 No
topOrigin 70–111 79–111 No 57–97 No 70–111 No 49–75 No 10.0–22.0 No

See also

© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/CanMakePaymentEvent