"Se um trabalhador quiser fazer bem o seu trabalho, ele deve primeiro afiar suas ferramentas." - Confúcio, "Os Analectos de Confúcio. Lu Linggong"
Primeira página > Programação > Curto e direto: como impedir que a página role para o topo depois de clicar em um link JavaScript? Por que minha página pula para o topo depois de clicar?

Curto e direto: como impedir que a página role para o topo depois de clicar em um link JavaScript? Por que minha página pula para o topo depois de clicar?

Postado em 2025-04-16
Navegar:382

Here are some question-based titles for your provided article, focusing on the problem of page scrolling to the top after a JavaScript link click:

Short & Direct:

* How to Stop Page Scrolling to Top on JavaScript Link Click?
* Why Does My Page Jump to T

How to Prevent Page Scrolling to Top on JavaScript Link Click:

When triggering a JavaScript event from a linked element, such as an anchor tag, it's common to encounter the issue of the page jumping to the top after the event incêndios. Isso pode ser alcançado usando dois métodos:

1. Event.PreventDefault ():

chamando o método .preventDefault () no objeto de evento passado para o manipulador de eventos, você pode impedir o comportamento padrão de navegar no Target Link.

Exemplo “ event.preventDefault (); // Seu código JavaScript aqui });

exemplo (dom):

document.getElementbyid ('my-link'). AddEventListener ('click', function (event) { event.preventDefault (); // Seu código JavaScript aqui });

$('#my-link').click(function(event) {
  event.preventDefault();
  // Your JavaScript code here
});

em jQuery, retornar false de um manipulador de eventos chamará automaticamente os métodos .StopPropagation () e .PreventDefault (). // Seu código JavaScript aqui retornar falso; });

Se estiver usando eventos RAW DOM, é recomendável chamar explicitamente .PreventDefault () para obter a máxima compatibilidade com os navegadores mais antigos. Consulte a documentação sobre event.preventDefault () vs. Return false para detalhes.
            
Tutorial mais recente Mais>

Isenção de responsabilidade: Todos os recursos fornecidos são parcialmente provenientes da Internet. Se houver qualquer violação de seus direitos autorais ou outros direitos e interesses, explique os motivos detalhados e forneça prova de direitos autorais ou direitos e interesses e envie-a para o e-mail: [email protected]. Nós cuidaremos disso para você o mais rápido possível.

Copyright© 2022 湘ICP备2022001581号-3