PopStateEvent: hasUAVisualTransition-Eigenschaft
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Die schreibgeschützte Eigenschaft hasUAVisualTransition des PopStateEvent-Interfaces gibt true zurück, wenn der User Agent vor dem Auslösen dieses Ereignisses eine visuelle Transition für diese Navigation durchgeführt hat, andernfalls false.
User Agents können bei der Ausführung von Webseiten-Navigationen eine eingebettete visuelle Transition bereitstellen. Wenn der Webseitenautor ebenfalls eine visuelle Transition hinzufügt, können User Agent- und Autoren-Transitionen in Konflikt geraten und Besucher verwirren. Die Eigenschaft ermöglicht es Ihnen zu erkennen, ob eine UA-Transition bereitgestellt wurde, sodass Sie Autoren-Transitionen überspringen können, um eine bessere Benutzererfahrung zu gewährleisten.
Wert
Ein boolescher Wert.
Beispiele
window.addEventListener("popstate", async (event) => {
// Fetch the new content
const newContent = await fetchNewContent(location.href);
// The UA does not support View Transitions, or the UA
// already provided a Visual Transition by itself (e.g. swipe back).
// In either case, update the DOM directly
if (!document.startViewTransition || event.hasUAVisualTransition) {
doSinglePageAppNav(newContent);
return;
}
// Update the content using a View Transition
document.startViewTransition(() => {
doSinglePageAppNav(newContent);
});
});
Spezifikationen
| Specification |
|---|
| HTML # dom-popstateevent-hasuavisualtransition |
Browser-Kompatibilität
Loading…