Y a-t-il un événement de navigateur pour que la fenêtre se concentre ?

Question

Y a-t-il un moyen d’exécuter une méthode une fois lorsque je clique sur mon navigateur et que je lui donne le focus? Et puis lorsque le navigateur perd le focus et récupère le focus pour exécuter à nouveau cette méthode une seule fois, encore une fois.

Answer 1

$(document).ready(function() { $(window).one("focus", SomeFocusMethod); } );

var SomeFocusMethod = function()
{
    // do stuff
    $(window).one("blur", SomeBlurMethod);
}

var SomeBlurMethod = function() 
{ 
    // do stuff
    $(window).one("focus", SomeFocusMethod); 
}

Answer 2

Si vous ciblez des navigateurs plus récents qu’IE9, vous devez vraiment utiliser l’API de navigateur javascript « Page Visibility API »: https://developer.mozilla.org/en-US/docs/Web/Guide/User_experience/Using_the_Page_Visibility_API

Answer 3

function blinkTab() {
    const browserTitle = document.title;

    const stopBlinking = () => {
        document.title = browserTitle;
    };

    const startBlinking = () => {
        document.title = 'My New Title';
    };

    function registerEvents() {
        window.addEventListener("focus", function(event) { 
            stopBlinking();
        }, false);

        window.addEventListener("blur", function(event) {
            setInterval(() => {
                startBlinking();
            }, 500);

        }, false);
    };

    registerEvents();
};


blinkTab();