отображать оверлейный div, когда пользователь ожидает загрузки новой страницы

Question

Я использую WordPress, и на моих страницах есть нижеприведенный div, который показывает загрузочный счетчик при отправке регистрационной формы и работает нормально.но по умолчанию у него есть отображение: нет, и я хочу использовать это, когда пользователь ожидает загрузки новой страницы (когда пользователь нажимает кнопку или ссылку перед перезагрузкой страницы, а не при первой загрузке страницы), есть какая-нибудь идея?

<div class="dig_load_overlay">
        <div class="dig_load_content">
            <div class="dig_spinner">
                <div class="dig_double-bounce1"></div>
                <div class="dig_double-bounce2"></div>
            </div>
                    </div>
    </div>

Answer 1

Использование Jquery:

$(window).unload(function () {
    $('.dig_load_overlay').show();
});

Только Javascript:

window.addEventListener('beforeunload', function() {
    document.getElementById('dig_load_overlay').style.display = 'block';
});