Как определить нажата кнопка вперёд или назад в браузере?

Question

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

window.onpopstate = function(event) {		
	console.log(event.state);
}

Вот функция срабатывает при изменении истории, но как определить вперёд или назад нажато. Или хотя бы определить какой state был предыдущий.

Answer 1

[Robur]

хотя бы определить какой state был предыдущий.

сохраняйте его и в следующий раз сравнивайте.

Answer 2

[Steppp]

console.log(event.target); попробуй

Comments

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

чёт не вижу там так много всего, нужно искать типо forward back наверное, не вижу

[Ярослав Иванов]

Сергей Константинов, History api

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

Ярослав Иванов, читал, такого не нашёл, там есть как эмулировать кнопки браузера, а как определить какая нажата нет.

[Steppp]

Сергей Константинов, Можно попробовать сохранять url в localstorgate, ну и при клике сравнивать!

[Makssof]

Steppp, и как понять, вперёд или назад попал?

Answer 3

[Александр Таратин]

Положите в state например
{timestamp: Date.now()}
а в onpopstate сравнивайте timestamp из события с последним активным timestamp, если старый меньше, то нажали назад.