1) Вешаешь колбэк на ссылки, Object.values(document.querySelectorAll('a')).map(l => l.addEventListener('click', onClickHangler))
Реализация: onClickHangler
(e) => {
if(document.location.href.includes(e.target.pathname)) {
e.preventDefault();
}};
2) Только потом нужно не забыть сделать
Object.values(document.querySelectorAll('a')).map(l => l.removeEventListener('click', onClickHangler))
onClickHangler
3) Так же строки можно сверять через === или .startsWith(). И есть вероятность что нужно будет дополнительно удалять из ссылки первый "/", иначе в проверке всегда будет false
И еще вариант:
Ты можешь в querySelectorAll добавить поиск по url (document.location.pathname), и находить только те ссылки в которой url совпадает с текущей. И вешать хэндлеры только на них. Ну и так же уберать придеться только с них. И тогда в onClickHangler тебе только нужно будет делать e.preventDefault();
