«Если рабочий хочет хорошо выполнять свою работу, он должен сначала заточить свои инструменты» — Конфуций, «Аналитики Конфуция. Лу Лингун»
титульная страница > программирование > Короткий и прямой: как предотвратить прокрутку страницы вверх после нажатия по ссылке JavaScript? Почему моя страница прыгает в верхнюю часть после нажатия?

Короткий и прямой: как предотвратить прокрутку страницы вверх после нажатия по ссылке JavaScript? Почему моя страница прыгает в верхнюю часть после нажатия?

Опубликовано в 2025-04-16
Просматривать:113

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

Как предотвратить прокрутку страницы, чтобы нанести вершину на JavaScript Link Click:

при запуска событий JavaScript из связанного элемента, например, якорь Fires.

решение:

, чтобы предотвратить это нежелательное поведение, необходимо подавить действие по умолчанию события Click. Это может быть достигнуто с использованием двух методов:

1. event.preventdefault ():

, вызовив метод .preventDefault () в объекте события, переданный обработчику события, вы можете предотвратить поведение по умолчанию на навигацию по цели ссылки. (jQuery):

$ ('#my-link'). Click (function (event) { Event.preventDefault (); // ваш код JavaScript здесь });

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

document.getElementById ('my-link'). AddEventListener ('clic Event.preventDefault (); // ваш код JavaScript здесь });

document.getElementById('my-link').addEventListener('click', function(event) {
  event.preventDefault();
  // Your JavaScript code here
});

в jquery, возвращение false из обработчика событий автоматически вызовет оба .stoppropagation () и .preventdefault () Методы.

пример (jquery):

 Если использование событий RAW DOM рекомендуется явно вызовать .preventDefault () для максимальной совместимости со старыми браузерами. Обратитесь к документации на event.preventdefault () против возврата false для получения подробной информации. ]
Последний учебник Более>

Изучайте китайский

Отказ от ответственности: Все предоставленные ресурсы частично взяты из Интернета. В случае нарушения ваших авторских прав или других прав и интересов, пожалуйста, объясните подробные причины и предоставьте доказательства авторских прав или прав и интересов, а затем отправьте их по электронной почте: [email protected]. Мы сделаем это за вас как можно скорее.

Copyright© 2022 湘ICP备2022001581号-3