Как предотвратить обновление страницы или окно приглашения по умолчанию в Chrome

Question

В моем приложении Викторина есть 10 вопросов на странице, и все они являются элементами управления вводом, я ввожу требуемый ответ, во время обновления страницы без отправки, браузер выдает всплывающее окно ниже.

Решение:

Я хочу, чтобы всплывающее окно настройки (вместо всплывающего окна Chrome) сообщало, что вам нужно завершить все тесты и отправить или отключить обновление.

Как это сделать, есть ли что-нибудь лучше?решение?

Answer 1

для предотвращения обновления страницы, прослушайте событие beforeunload объекта окна и вызовите метод protectDefault аргумента события.

ссылка https://developer.mozilla.org/fr/docs/Web/Events/beforeunload

window.addEventListener("beforeunload", function(e){
   // Do something
   e.preventDefault();
}, false);