PaymentRequest: событие shippingaddresschange
Безопасный контекст: Эта функция доступна только в безопасных контекстах (HTTPS) в некоторых или во всех поддерживающих браузерах.
Устаревшая функция: Эта функция больше не рекомендуется. Хотя некоторые браузеры могут по-прежнему её поддерживать, она может быть удалена из соответствующих веб-стандартов, может быть в процессе удаления или сохраняться только для совместимости. Избегайте её использования и, при возможности, обновите существующий код; см. таблицу совместимости в конце этой страницы для принятия решения. Имейте в виду, что эта функция может перестать работать в любой момент.
Нестандартная функция: Эта функция нестандартна и не соответствует стандартам. Не используйте её на производственных сайтах, обращённых к Вебу: она не будет работать для каждого пользователя. Также могут быть существенные несовместимости между реализациями, а поведение может измениться в будущем.
Событие shippingaddresschange отправляется объекту PaymentRequest, когда пользователь выбирает адрес доставки или изменяет его детали.
Это событие не отменяется и не распространяется.
Синтаксис
Используйте имя события в методах, таких как addEventListener(), или задайте обработчик события.
addEventListener("shippingaddresschange", (event) => {});
onshippingaddresschange = (event) => {};
Тип события
Объект PaymentRequestUpdateEvent. Наследуется от Event.
Свойства события
Предоставляет только свойства, унаследованные от Event.
Примечания по использованию
В зависимости от браузера, информация об адресе доставки может быть скрыта по соображениям конфиденциальности. То есть, PaymentAddress, содержащий адрес доставки, может иметь некоторые части своего содержимого изменёнными, скрытыми или полностью удалёнными, чтобы предотвратить идентификацию пользователя без его согласия (поскольку, если он решит, чтобы вы ему доставили продукты, вам понадобится его адрес).
Пример
В этом примере настроен обработчик события shippingaddresschange для проверки соответствия адреса требованиям веб-приложения.
const paymentRequest = new PaymentRequest(methodData, details, options);
paymentRequest.addEventListener(
"shippingaddresschange",
(event) => {
let detailsUpdate = checkAddress(paymentRequest.shippingAddress);
event.updateWith(detailsUpdate);
},
false,
);
const checkAddress = (theAddress) => {
let detailsUpdate = {};
// Check the address, return an object with any changes or errors.
return detailsUpdate;
};
Также можно установить обработчик для shippingaddresschange, используя свойство обработчика события onshippingaddresschange:
paymentRequest.onshippingaddresschange = (event) => {
let detailsUpdate = checkAddress(paymentRequest.shippingAddress);
event.updateWith(detailsUpdate);
};
Совместимость с браузерами
| Рабочие столы | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | |
shippingaddresschange_event |
60 | 15 | 55 | 47 | 11.1 | 53 | Нет | 44 | 11.3 | 6.0 | Нет |
© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/PaymentRequest/shippingaddresschange_event