C# MVC Run Function (Logout) When Closing Browser

Question

I am in a service system and need a help to understand how I can call some event (Javascript / jQuery / Or not) at the time a user closes the browser without logging "correct" by the system...

Att.

Answer 1

You can use the function Unload() of jQuery to capture the moment browser is closed, and from this moment, you make a call via ajax to the Action desired. Before, you check whether the browser has been updated or closed at once.

Would that be the code:

<script>
            (function ($) {
        var refreshKeyPressed = false;
        var modifierPressed = false;

        var f5key = 116;
        var rkey = 82;
        var modkey = [17, 224, 91, 93];

        //Verifica se submit
        var submitting = false;
        $('form').submit(function (e) {
            submitting = true;
        });

        // verifica as chaves de atualização
        $(document).bind(
            'keydown',
            function (evt) {
                // busca por atualização
                if (evt.which == f5key || window.modifierPressed && evt.which == rkey) {
                    refreshKeyPressed = true;
                }

                // checa se há modificação
                if (modkey.indexOf(evt.which) >= 0) {
                    modifierPressed = true;
                }
            }
        );

        // verifica as chaves de atualização
        $(document).bind(
            'keyup',
            function (evt) {
                // verifica a chave
                if (evt.which == f5key || evt.which == rkey) {
                    refreshKeyPressed = false;
                }

                // checa se há modificação
                if (modkey.indexOf(evt.which) >= 0) {
                    modifierPressed = false;
                }
            }
        );
        $(window).bind('beforeunload', function (event) {
            var message = "not refreshed";

            //submit é falso, realiza ação
            if (!submitting) {
                //Se atualizou entra aqui
                if (refreshKeyPressed) {
                    message = "refreshed";

                    //retorna a mensagem apenas para testes
                    event.returnValue = message;
                    return message;
                }

                //Senão, chama a action
                //$.ajax({
                //    url: BASE_URL + 'Testes/Aqui',
                //    type: 'POST'
                //});

                event.returnValue = message;
                return message;
            }

        });
    }(jQuery));
</script>

The script is self-explanatory, but a brief explanation: First it filters possible update events such as F5, etc. After that, it checks whether the Submit of his view. If he finds himself in any such clauses, he calls his action via ajax .

Example in Jsfiddle.

References:

Soen,
Soen²

Answer 2

Add to your script:

   window.onbeforeunload = function () {
        return "Você realmente deseja fechar?";
    };

Answer 3

There is no 100% reliable way to do this as on a desktop system, an alternative in the web environment is to use the event unload() that desexib the page, with some filters is close to the desired.

I had this problem last week I found this code.

Basically what it does is check if the mouse pointer is outside the page area and filter some keys not to perform the action.

$(window).on('mouseover', (function () {
    window.onbeforeunload = null;
}));
$(window).on('mouseout', (function () {
    window.onbeforeunload = ConfirmLeave;
}));
function ConfirmLeave() {
    return "";
}
var prevKey="";
$(document).keydown(function (e) {            
    if (e.key=="F5") {
        window.onbeforeunload = ConfirmLeave;
    }
    else if (e.key.toUpperCase() == "W" && prevKey == "CONTROL") {                
        window.onbeforeunload = ConfirmLeave;   
    }
    else if (e.key.toUpperCase() == "R" && prevKey == "CONTROL") {
        window.onbeforeunload = ConfirmLeave;
    }
    else if (e.key.toUpperCase() == "F4" && (prevKey == "ALT" || prevKey == "CONTROL")) {
        window.onbeforeunload = ConfirmLeave;
    }
    prevKey = e.key.toUpperCase();
});

The code was taken from: Soen - Trying to Detect browser close Event