Как следует из названия, я хотел бы иметь возможность выполнять другое событие onstatechange, если вызывается функция pushState, вместо функции back. Или, если функция go отрицательна или положительна.
Пример:
если вызывается History.pushState() или History.go(1), я хочу, чтобы обратный вызов события statechange был forwardPushState
если вызывается History.back() или History.go(-1), я хочу, чтобы обратный вызов события statechange был backwardsPushState
Состояние — это некоторые данные, относящиеся к странице (как пользователь видит их в браузере). Если пользователь хочет оказаться на определенной странице, эта страница остается неизменной, независимо от того, переходит ли он по нажатию кнопки «Назад» или по нажатию кнопки «Вперед».
PushState помещает новое состояние в стек. Он не имеет отношения к back и go. Back и go — это функции для навигации по помещенным в стек состояниям. Я говорю это, потому что в вашем редактировании похоже, что вы думаете, что pushState и go(1) эквивалентны.
Возможно, если вы хотите узнать, с какой стороны идет пользователь, вам следует проанализировать событие onstatechange, чтобы узнать, принимает ли оно какой-либо параметр, сохраняющий направление, что, по-моему, нетривиальная задача.
Главное, я думаю, это то, что это не имеет никакого отношения к ходу (-1) или go(1) или back.
pushState и go(1) не одно и то же, это просто пример. К сожалению, на самом деле нет никаких отношений или ссылок, чтобы делать то, что я ищу, поэтому я должен сделать что-то вроде того, что сказал @adeneo.
- person Ascherer; 24.05.2013
Может быть, это сработает для вас.
<html>
<body onunload="disableBackButton()">
<h1>You should not come back to this page</h1>
</body>
<script>
function disableBackButton()
{
window.history.forward();
}
setTimeout("disableBackButton()", 0);
</script>
</html>
Приведенный выше код затруднит использование кнопки «Назад» для загрузки этой страницы.
Вторая попытка
Код ниже был взят из другого переполнения стека.
определить нажатие кнопки "Назад" в браузере
window.onload = function () {
if (typeof history.pushState === "function") {
history.pushState("jibberish", null, null);
window.onpopstate = function () {
history.pushState('newjibberish', null, null);
// Handle the back (or forward) buttons here
// Will NOT handle refresh, use onbeforeunload for this.
};
}
else {
var ignoreHashChange = true;
window.onhashchange = function () {
if (!ignoreHashChange) {
ignoreHashChange = true;
window.location.hash = Math.random();
// Detect and redirect change here
// Works in older FF and IE9
// * it does mess with your hash symbol (anchor?) pound sign
// delimiter on the end of the URL
}
else {
ignoreHashChange = false;
}
};
}
}
