Как добавить кнопке несколько событий

Question

Есть кнопка внизу формы

<button class="form-button" type="submit" onclick="setTimeout(function () {location.reload()}, 100);window.print();">Print</button>

при нажатии на которую открывается контекстное меню печати страницы и после отправки на печать, страница перезагружается.

Почему, при нажатии на кнопку, параллельно не записываются данные из формы в mysql? Если из кнопки убираю onclick=""

<button class="form-button" type="submit">Print</button>

то данные в mysql записываются без проблем. Как исправить код, чтобы и данные отправлялись в базу и была возможность отпрвлять страницу на печать? Спасибо.

Answer 1

К кнопке добавьте id:

<button id = "printBtn"></button>

А в скрипте попробуйте так:

 document.getElementById('printBtn')
            .addEventListener('click', () => {
                //сюда все действия при нажатии на кнопку
                window.print()
            })

БЛОГ НА HUSL

Как добавить кнопке несколько событий

Ответы (1 шт):