Événement lorsque l'utilisateur change d'onglet dans le navigateur

Je suis à la recherche d'un événement qui se déclenche lorsque l'utilisateur bascule à partir de la page pour un autre onglet, et un autre événement qui se déclenche lorsque l'utilisateur revient à l'onglet nouveau.

fenêtre.onblur et de la fenêtre.onfocus ne semble pas fonctionner correctement sur tous les navigateurs

Est-il un proxy j'ai pu regarder pour la synthèse de cet événement?

  • Je suis assez sûr que ce n'est pas possible, au moins sur tous les navigateurs.
  • En fait, la compatibilité inter-navigateur ne semble pas que la mauvaise. Vous obtenez certains doublé événements avec Firefox et Safari/Windows, mais qui devrait être assez facile à contourner. window.onfocus/onblur sont disponibles depuis avant la guerre des navigateurs, et leur comportement n'a pas beaucoup changé. Apparemment, il y a quelques bugs dans les implémentations, mais pas de différents sémantique.
InformationsquelleAutor EoghanM | 2009-06-24
  1. 35

    Vous pouvez essayer en utilisant un framework, comme MooTools ou jQuery qui fournissent de la croix-prise en charge du navigateur. Ils devraient être en mesure de détecter avec plus de fiabilité les blur et focus événements de la fenêtre du navigateur.

    Personnellement, j'ai utilisé jQuery avec beaucoup de succès:

    $(window).blur(function(e) {
    //Do Blur Actions Here
});
$(window).focus(function(e) {
    //Do Focus Actions Here
});
    • Cool, je pourrais prendre un coup d'oeil à la façon dont ceux-ci sont mis en œuvre dans jQuery
    • Hey, en fait, je cherchais un même genre de fonctionnalité. $(window).focus(function(e) { // Ne cibler les Actions Ici}); Le contenu à l'intérieur accent sera exécutée à chaque fois quand il y a une autre fonctionnalité ajax dans la page, Mais un petit changement, 1. Est-il possible d'exécuter le code à l'intérieur de ce qu'une SEULE FOIS, lorsque l'utilisateur navigue en arrière et en avant entre la même page.
    • 5 ans plus tard: Merci Mec!
    • Ne fonctionne pas sur Chrome pour moi
    InformationsquelleAutor DanO
  2. 19

    Vous pouvez essayer et utiliser VisibilityAPI.

    document.addEventListener("visibilitychange", function() {
    if (document.hidden){
        console.log("Browser tab is hidden")
    } else {
        console.log("Browser tab is visible")
    }
});

    Voir aussi ici sur Stackoverflow (double)

    • Un lien vers une solution possible est toujours la bienvenue, mais s'il vous plaît ajouter un cadre autour du lien ainsi les autres utilisateurs auront une idée de ce qu'il est et pourquoi il est là. Toujours citer la partie la plus pertinente d'un lien important, dans le cas où l'objectif du site est inaccessible ou va définitivement hors ligne. Prendre en compte que le fait d'être à peine plus d'un lien vers un site externe est une raison possible à le Pourquoi et le comment sont quelques réponses supprimé?.
    InformationsquelleAutor ronapelbaum