PaymentRequestEvent: modifiers-Eigenschaft
Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig, bevor Sie diese produktiv verwenden.
Hinweis: Dieses Feature ist nur verfügbar in Service Workers.
Die schreibgeschützte modifiers-Eigenschaft der PaymentRequestEvent-Schnittstelle gibt ein Array von PaymentDetailsModifier-Objekten zurück, die Modifikatoren für Zahlungsdetails enthalten.
Wert
Ein Array von Objekten, die Modifikatoren für Zahlungsdetails enthalten. Diese Objekte enthalten die folgenden Eigenschaften:
supportedMethods-
Ein Zahlungsidentifikationsverfahren. Die Mitglieder des Objekts gelten nur für die Zahlung, wenn der Benutzer diese Zahlungsmethode auswählt.
total-
Ein
PaymentItem-Objekt mit den folgenden Eigenschaften:label-
Ein String, der eine für den Benutzer lesbare Beschreibung des Artikels enthält, die dem Benutzer angezeigt werden kann.
amount-
Ein
PaymentCurrencyAmount-Objekt (siehetotal> Wert). pending-
Ein boolean. Wenn auf true gesetzt, bedeutet es, dass das
amount-Element nicht final ist. Dies wird häufig verwendet, um Artikel anzuzeigen, wie Versand- oder Steuerbeträge, die von der Auswahl der Versandadresse oder Versandoption abhängen.
additionalDisplayItems-
Ein Array von
PaymentItem-Objekten, das zusätzliche Anzeigepositionen bereitstellt, die in den Zahlungsdetails enthalten sein sollen. Dieses Mitglied wird häufig verwendet, um eine Rabatt- oder Zuschlagsposten hinzuzufügen, die den Grund für den unterschiedlichen Gesamtbetrag für die ausgewählte Zahlungsmethode anzeigt, die der Benutzeragent gegebenenfalls anzeigen kann. data-
Ein Objekt, das optionale Informationen bereitstellt, die von den unterstützten Zahlungsmethoden benötigt werden könnten. Wenn bereitgestellt, wird es in JSON serialisiert.
Beispiele
self.addEventListener("paymentrequest", (e) => {
console.log(e.modifiers);
});
Spezifikationen
| Specification |
|---|
| Payment Handler API # dom-paymentrequestevent-modifiers |
Browser-Kompatibilität
BCD tables only load in the browser