a href возвращает на начало страницы

Есть строка кода с ссылкой, ссылки нет, так как она будет вызывать функцию. Но есть проблема, при нажатии на нее страница возвращается в начало страницы.


<a href="#"><Icon28Favorite /></a> 


Ответы (1 шт):

Автор решения: Алексей Шиманский

Предотвратить можно двумя способами точно

  1. На js в обработчике клика добавить строку e.preventDefault(); для предотвращения дефолтного поведения клика по ссылке.

    document.querySelector("#id-of-href").addEventListener("click", (e) => {
        e.preventDefault();
    }, false);
    

    или

    <a href='#' onclick="event.preventDefault()">Click Me</a>
    
  2. Не использовать ссылку вовсе, а сделать какой-нибудь span или div или buttonи стилизовать его под ссылку. Зачем вам ссылка, если по ней нельзя перейти?

→ Ссылка