JavaScript Popup для сохранения изменений на странице

Question

Когда я изменяю свою электронную почту и хочу покинуть эту страницу, Gmail отправляет всплывающее окно с сообщением «внесенные изменения не могут быть сохранены» с двумя кнопками «Отмена» и «Отмена».

Как мне сделатьвсплывающее окно, как это в JavaScript?Я поместил образец всплывающего окна в следующем.Извините, я ничего не знал о JS.

Answer 1

Вы можете достичь желаемого результата, добавив слушателя к событию beforeunload для window.Вот пример из MDN:

window.addEventListener('beforeunload', function (e) {
  // Cancel the event
  e.preventDefault();
  // Chrome requires returnValue to be set
  e.returnValue = '';
});

Чтобы проверить приведенный выше код, запустите его в консоли браузера и попробуйте закрыть вкладку браузера.

Для более подробного руководства, посмотрите MDN товар .

Answer 2

Это всплывающее окно является «всплывающим предупреждением».

Вы можете отобразить простое с функцией alert().

Или с подтверждением / отменой с помощью функции confirm().

вы можете найти больше информации там https://www.w3schools.com/js/js_popup.asp (о всплывающих окнах оповещений и JS в целом)