0

Я написал класс для History интерфейса.
Сейчас мне надо запретить обновление страницы при смене url.

Как мне это сделать ?

В интернете я нашёл метод

window.onpopstate 

Но он у меня не срабатывает. И в поиске я не нахожу того, что мне требуется.

6
  • "Примечание:, просто вызов history.pushState() или history.replaceState() не вызовет событие popstate. Событие popstate срабатывает только тогда, когда происходят какие то действия в браузере, такие как нажатие кнопки "назад" (или вызов history.back() из JavaScript). Это событие срабатывает только когда пользователь переходит между двумя записями истории одного и того же документа."
    – Zombotron
    26 сен 2021 в 18:19
  • Уточните, какое обновление вы хотите запретить? Изменение данных на ней, или рефреш (программный, клик по стрелке "обновить" в браузере, ctrl+R, F5, или что еще). Смена урл происходит при помощи history API, я так понимаю.
    – Zombotron
    26 сен 2021 в 18:22
  • Вызвать window.location.href = '/test' вот что бы при переходе к localhost:8000/test страница не обновлялась. Я это делал, но в коде не могу найти. И в интернете почему то не нагугливается.
    – Sergey
    26 сен 2021 в 18:38
  • Вы хотите заставить браузер перейти на другую страницу, но не отображать ее содержимое?
    – Zombotron
    26 сен 2021 в 18:44
  • грубо говоря да. страницы с сервера грузиться будут
    – Sergey
    26 сен 2021 в 19:23

1 ответ 1

1

Если Вам нужно изменить URL без обновления страницы, то можно использовать методы объекта history pushState или replaceState. Вот статья на MDN.

Следует помнить, что клики по элементам типа <a></a> будут обновлять страницу в любом случае, так что нужно не забывать вешать на них событие e.preventDefault().

3
  • Я в вопросе написал, что я history api уже написал. Я методы эти все добавил уже. А если я напишу в коде window.location.href = '/test' как это изменение отследить ?
    – Sergey
    26 сен 2021 в 19:27
  • @Sergey Если опираться на аналогичный вопрос с англоязычного stackoverflow, то предотвратить перезагрузку страницы при window.location.href = '/test' -- нельзя. Скорее всего, это можно объяснить тем, что window.location.href, это же всё-таки свойство (а не метод) отвечающее за содержание адресной строки браузера. И нет никаких обзёрвиров, или типа того, чтобы можно было отслеживать его при прямом изменении, а не через методы.
    – Tampambro
    26 сен 2021 в 20:41
  • 1
    да. я посмотрел mdn сейчас. Способ есть конечно. developer.mozilla.org/ru/docs/Web/API/WindowEventHandlers/… Этот listener позволяет отменить изменения, при этом можно путь поменять. Минус такого способа в том, что из соображений безопасности выводится сообщение в котором пользователь явно должен указать, что он не хочет уходить со страницы.
    – Sergey
    26 сен 2021 в 20:49

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.