Как сделать эмуляцию кнопок назад вперёд?

Question

[Сергей Константинов]

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

Answer 1

[Александр]

History API. А страничка на Vue.

Comments

[Сергей Константинов]

с помощью window.history.back(); можно вернуться назад в истории браузера, а нужно чтоб странчка не перезагружалась а кнопкой назад можно было вернуться на предыдущий шаг формы, как в примере по ссылке.

[Александр]

Сергей Константинов, Ну да. Просто данные формы передаются в history.pushState, а при onpopstate происходит восстановление.

Answer 2

[Pashok Doom]

https://www.w3schools.com/howto/howto_js_form_steps.asp

Comments

[Сергей Константинов]

это просто форма с шагами, на историю не влияет

Answer 3

[hzzzzl]

history.pushState
window.onpopstate event



jsfiddle происходит внутри айфрейма, то есть в адресной строке браузера будет оставаться исходное значение :(