SignalR JS Client - Window unload event never unbind after stop connection

When connection starts, unload event bind on the window. But unload event never unbind after the connection stop.

It would remain many unload event on window.

Expected behavior

It should unbind unload event after the connection stop.

Actual behavior

It never unbind unload event after the connection stop.

Steps to reproduce


@{
    ViewBag.Title = "Index";
}

<h2>Index</h2>

<div>
    <button id="start">Start Connection</button>
    <button id="stop" disabled>Stop Connection</button>
</div>

@section scripts {
    <script src="~/Scripts/jquery.signalR-2.4.0.min.js"></script>
    <script src="~/signalr/hubs"></script>

    <script>
        $(function () {
            $.connection.hub.logging = true;
            $('#start').click(() => {
                $.connection.hub.start();
                $('#start').prop('disabled', true);
                $('#stop').prop('disabled', false);
            });
            $('#stop').click(() => {
                $.connection.hub.stop();
                // $(window).unbind('unload');
                $('#start').prop('disabled', false);
                $('#stop').prop('disabled', true);
            });
        });
    </script>
}

The demo has two button. One is start connection, the other is stop connection.