Изменение функциональности кнопки «Назад» браузера

Question

Использование: У меня есть веб-страница, которая показывает popovers для некоторых функций. Попутчики можно рассматривать как HTML-div, который отображается при нажатии соответствующей кнопки. И снова спрячьтесь, когда нажата кнопка отмены или нажата кнопка «Назад браузера».

Задача: Учтите, что отображается popover. Когда пользователь нажимает кнопку «Назад», ему не следует переходить на предыдущую страницу, вместо этого нужно только скрывать div.

Как добавить эту функцию с помощью javascript на странице браузера?

Заранее спасибо

Answer 1

Вы можете нам хэш, который вы добавите к URL, чтобы принести изменения истории.

index.html -> пользователь открывает поповер ->index.html#popover

Теперь нажмите на кнопку назад перенаправляет обратно index.html. Конечно, для этого требуется некоторый код JavaScript.

Answer 2

Вы не можете переопределить действия кнопок в браузерах по очевидным соображениям безопасности, но вы можете добавлять записи истории программно, т. Е. Дважды показывать текущую страницу в истории, чтобы при нажатии пользователем кнопки «назад» он перенаправляется обратно на ту же страницу. Используйте для этого Really Simple History.

Answer 3

Похоже, что вы ищете API истории HTML5.

Очень хорошее введение о том, как это работает, можно найти по адресу http://diveintohtml5.info/history.html.

Дополнительную информацию можно найти по адресу: http://www.whatwg.org/specs/web-apps/current-work/multipage/history.html.

Кроме того, вы должны заглянуть в полиполнение функции для старых браузеров. Есть много вариантов для этого, включая https://github.com/browserstate/history.js, в который входит примерный код и даже рабочая демонстрация (http://browserstate.github.io/history.js/demo/).