Существует ли event позволяющий отслеживать изменение url?

Question

[hugh_bliss]

В проекте заказчика панель администратора написана на jquery, при этом spa. существует скрипт который должен срабатывать только на определенной странице.
Пытался решить проблему с помощью 'onpopstate', но этот event не срабатывает при переходе на новую страницу

Comments

[alex]

Как пытались?

[hugh_bliss]

Alex,

window.onpopstate = () => { 
    alert('123')
}

этот алерт срабатывает только когда я нажимаю кнопку "назад" в браузере

[alex]

hugh_bliss, почитайте на mdn когда popstate эмитится. Если у клиентского роутинга есть какое-то апи то дергайте его и чекайте какой сейчас урл

Answer 1

[Дмитрий Арушанов]

Ну если разговор про SPA - то замена идет только именно самого хеша
посмотрите событие `hashchange`

window.addEventListener('hashchange', (e)=>{
// Do your magic
})

Comments

[hugh_bliss]

это не подходит, так как в этом SPA роутинг по URL а не по хешу

[Дмитрий Арушанов]

Ну тогда можно что то свое написать

function initLocationWatcher () {
    let lastLocation

    setInterval(() => {
      const currentLocation = window.location.href

      if (currentLocation !== lastLocation) {
        lastLocation = currentLocation
        this.handleLocation(currentLocation)
      }
    }, 200)
  }

Answer 2

[Robur]

Если роутинг делается через history api то события тут:
https://developer.mozilla.org/en-US/docs/Web/API/H...