Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.
WindowClient: focus() method
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit April 2018 browserübergreifend verfügbar.
Hinweis: Diese Funktion ist nur in Service Workers verfügbar.
Die focus()-Methode der WindowClient-Schnittstelle gibt dem aktuellen Client den Benutzereingabefokus und gibt ein Promise zurück, das auf den vorhandenen WindowClient aufgelöst wird.
Syntax
focus()
Parameter
Keine.
Rückgabewert
Ein Promise, das auf den vorhandenen WindowClient aufgelöst wird.
Ausnahmen
InvalidAccessErrorDOMException-
Das Promise wird mit dieser Ausnahme abgelehnt, wenn keines der Fenster im Ursprung der App eine transiente Aktivierung hat.
Sicherheitsanforderungen
- Mindestens ein Fenster im Ursprung der App muss eine transiente Aktivierung haben.
Beispiele
self.addEventListener("notificationclick", (event) => {
console.log("On notification click: ", event.notification.tag);
event.notification.close();
// This looks to see if the current is already open and
// focuses if it is
event.waitUntil(
clients
.matchAll({
type: "window",
})
.then((clientList) => {
for (const client of clientList) {
if (client.url === "/" && "focus" in client) return client.focus();
}
if (clients.openWindow) return clients.openWindow("/");
}),
);
});
Spezifikationen
| Spezifikation |
|---|
| Service Workers Nightly # client-focus |
Browser-Kompatibilität
JavaScript aktivieren, um diese Browser-Kompatibilitätstabelle anzuzeigen.