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.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