Почему не срабатывает код?

Question

[Shimpanze]

Здравствуйте!

Мне необходимо после нажатия на ссылку (с якорем), убирать этот самый якорь из URL.

Пишу код:

document.addEventListener( 'click', function( e ) {
  // Если это ссылка с якорем ...
  if ( e.target.matches( 'a[href^="#"]' ) ) {
    // ... убираем этот якорь из URL
    history.pushState( '', document.title, window.location.pathname );
  }
});

Почему якорь из URL не убирается? Всё ведь правильно написано?

Спасибо!

Comments

[Дмитрий Терентьев]

window.history.replaceState(null, null, window.location.pathname);

Может быть так сработает.

Answer 1

[tyzberd]

сначала выполняется js, а потом браузер переходит по ссылке.
так удаляет, но назад переход будет
https://codepen.io/tyzberd/pen/KLZNVV

Comments

[Shimpanze]

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

[tyzberd]

мне тоже не нравится. Я бы блокировал переход и скролил с помощью js, если нужно не менять url