This feature is not Baseline because it does not work in some of the most widely-used browsers.
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 total read-only property of the PaymentRequestEvent interface returns a PaymentCurrencyAmount object containing the total amount being requested for payment.
A PaymentCurrencyAmount object. This object contains the following properties:
currencyA string containing a three-letter ISO 4217 standard currency code representing the currency of the payment. Examples include USD, CAN, and GBP.
valueA string containing a decimal monetary value, e.g., 2.55.
self.addEventListener("paymentrequest", (e) => {
console.log(e.total);
});
| Specification |
|---|
| Payment Handler API> # dom-paymentrequestevent-total> |
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | WebView Android | WebView on iOS | |
total |
70 | 79 | No | 57 | No | 70 | No | 49 | No | 10.0 | No | No |
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/PaymentRequestEvent/total