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

Question

[skyfly2010]

Добрый день. Есть страница. На ней размещена анкета с рядом полей, распределенных по tab-ам. Мне необходимо сделать следующее:
Если человек находится в нулевом tab, то надо выполнить чтобы сработал переход на предыдущую страницу, по клику назад в браузере. Если у человека открыт один из tab-ов (1-4), то необходимо выполнить возврат к предыдущему tab. Я понимаю, что действие перехватывается beforeunload, но не могу понять, отменить типовое уведомление Leave/Save и вместо этого вызвать функцию.

window.addEventListener('beforeunload', function (event) {
  event.preventDefault()
  event.returnValue = '';
  console.log('2225555');
})

Answer 1

[Алексей Уколов]

Это делается не так. При смене таба вам просто нужно добавлять запись в History API и всё будет работать так, как вы хотите, автоматически.
Событием beforeunload злоупотребляют спамеры, поэтому полагаться на него не стоит (не говоря о том, что это костыль).

Comments

[skyfly2010]

Ы! Спасибо! А я то читаю инфу по BeforeUnload и думаю... Что-то тут не так =) Пойду разбираться.

[Алексей Уколов]

На всякий случай для ясности: я говорю про использование .pushState(), не про .back() и т.п.

[skyfly2010]

Алексей Уколов, мне бы в идеале, при клике назад надо было вызвать мою функцию.

[Алексей Уколов]

Для того, что вы описали в вопросе, вам не нужно обрабатывать нажатие кнопки "назад". Вместо этого нужно при переходе "вперёд" положить в историю запись о том, куда мы идём. Тогда кнопка "назад" заработает автоматически.

Но если очень хочется, то нужно слушать событие popstate.

[skyfly2010]

Алексей Уколов, УУУУУУ Вы кудесник! Все именно так, как мне было надо! Чудесно работает. Спасибо за полезные знания и расширение моего кругозора!