Методы отображения подсказки браузера перед перезагрузкой веб-страницы - Fcodenotes

JavaScript beforeunloadСобытие: вы можете использовать beforeunload

window.addEventListener('beforeunload', function (e) {
  // Custom message to display in the prompt
  var confirmationMessage = 'Are you sure you want to leave this page?';
  // Set the message in the event object
  e.returnValue = confirmationMessage;
  // Return the message to display the prompt
  return confirmationMessage;
});

onbeforeunload. Альтернативно вы можете использовать атрибут onbeforeunloadнепосредственно в элементе body вашей HTML-страницы, чтобы добиться того же результата.

<body onbeforeunload="return 'Are you sure you want to leave this page?';">
  <!-- Your page content -->
</body>

Диалоговое окно подтверждения. Другой вариант — использовать диалоговое окно confirmв JavaScript, которое позволяет отображать всплывающее окно с настраиваемыми кнопками, позволяющими пользователю подтвердить или отменить действие перезагрузки.

Диалог подтверждения.Диалоговое окно подтверждения.li>

window.addEventListener('beforeunload', function (e) {
  // Display the confirm dialog
  var confirmationMessage = 'Are you sure you want to leave this page?';
  if (confirm(confirmationMessage)) {
    // User confirmed, allow the reload
  } else {
    // User canceled, prevent the reload
    e.preventDefault();
  }
});

Эти методы предоставляют различные способы запроса пользователя перед перезагрузкой веб-страницы. Не забудьте выбрать подход, который лучше всего соответствует вашим конкретным требованиям и реализации.