Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.
WindowClient.focus()
Baseline
Large disponibilité
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis avril 2018.
Expérimental: Il s'agit d'une technologie expérimentale.
Vérifiez attentivement le tableau de compatibilité des navigateurs avant de l'utiliser en production.
La méthode focus() de l'interface WindowClient focus le client en cours et retourne une Promise qui est résolue vers le WindowClient existant.
Syntaxe
Client.focus().then(function (WindowClient) {
// utilisez le WindowClient une fois qu'il est focus
});
Paramètres
Nil.
Valeur de retour
Une Promise qui est résolue vers le WindowClient existant.
Exemple
self.addEventListener("notificationclick", function (event) {
console.log("On notification click: ", event.notification.tag);
event.notification.close();
// Vérifie si le client en cours est ouvert et
// le focus le cas échéant
event.waitUntil(
clients
.matchAll({
type: "window",
})
.then(function (clientList) {
for (var i = 0; i < clientList.length; i++) {
var client = clientList[i];
if (client.url == "/" && "focus" in client) return client.focus();
}
if (clients.openWindow) return clients.openWindow("/");
}),
);
});
Spécifications
| Spécification |
|---|
| Service Workers Nightly # client-focus |
Compatibilité des navigateurs
Activez JavaScript pour afficher ce tableau de compatibilité des navigateurs.
Aider à améliorer MDN
Cette page a été modifiée le par les contributeur·ice·s du MDN.