Problem when redirecting page, after printing using jQuery

Question

Guys I’m giving a window.print(); to print my page, soon after it I send the window.location to redirect the page, the problem and the page and redirect before the print command. I need to make the redirect work only when the user prints or cancels the print.

Can someone help me? Follows my code:

$(document).ready(function () {

        // Remove o loading
        $(".se-pre-con").hide();

        // Remove Menu topo
        $(".header").hide();
        $('.content').css({
            top: ("0px")
        }).show();

        // Imprime a página
        window.print();

        // Redireciona página
        window.location = 'Logado.php?pagina=<?= $pagina_crypt ?>';
    });

Answer 1

You can try the function setTimeout to hold:

$(document).ready(function () {

        // Remove o loading
        $(".se-pre-con").hide();

        // Remove Menu topo
        $(".header").hide();
        $('.content').css({
            top: ("0px")
        }).show();

        // Imprime a página
        window.print();

        // Redireciona página após meio segundo
        setTimeout(function(){
             window.location = 'Logado.php?pagina=<?= $pagina_crypt ?>';
        }, 500);

    });

Answer 2

I got a better solution.

        // Imprime a página
        window.print();
                
        (function () {
            var beforePrint = function () {
                
                // Remove o loading
                $(".se-pre-con").hide();

                // Remove Menu topo
                $(".header").hide();
                $('.content').css({
                    top: ("0px")
                }).show();
            };
            var afterPrint = function () {
                // Redireciona página
                window.location = 'Logado.php?pagina=<?= $pagina_crypt ?>';
            };

            if (window.matchMedia) {
                var mediaQueryList = window.matchMedia('print');
                mediaQueryList.addListener(function (mql) {
                    if (mql.matches) {
                        beforePrint();
                    } else {
                        afterPrint();
                    }
                });
            }

            window.onbeforeprint = beforePrint;
            window.onafterprint = afterPrint;
        }());

Source: https://www.tjvantoll.com/2012/06/15/detecting-print-requests-with-javascript/