Skip to main content

Как запретить переход по ссылке и отменить действия по умолчанию на JavaScript

Как запретить переход по ссылке и отменить действия по умолчанию на JavaScript

Если мы используем JavaScript, то некоторые действия по умолчанию нужно отменить. Самый распространённый случай это клик по ссылке. К примеру при нажатии должно появляться всплывающее окно, но по умолчанию браузер будет переходить по URL. Если в атрибуте href указать знак решетки #, то перехода не будет, но будет прокрутка к началу страницы. Как этого избежать рассмотрим в этой статье.

event.preventDefault()

Функция отменяет действие по умолчанию.

Примеры:

<a href="#" onclick="event.preventDefault()">Ссылка</a>

jQuery

<script>
$("a").click(function(event) {
  event.preventDefault();
});
</script>

return false

a href="#" onclick="return false">Ссылка</a>

jQuery

<script>
$("a").click(function() {
  return false;
});
</script>

javascript:void(0)

Старый способ и не очень хороший, но работоспособный.

a href="javascript:void(0);">Ссылка</a>
Похожие записи
Сохранение данных в форме после обновления страницы

Часто ли у вас случалось такое, что при заполнении формы на сайте истекал срок действия... Читать далее

Кастомный виджет переводчик для сайта с флагами

Сегодня мы кастомизируем стандартный виджет Google переводчика для сайта и сделаем его в виде меню... Читать далее

AJAX в 1C-Битрикс

В компонентах Битрикс есть встроенный функционал для AJAX подгрузки. Его так же можно использовать, например... Читать далее

Отправка письма с вложениями на PHP и AJAX

Мы уже рассматривали, как сделать форму обратной связи на PHP и Ajax. Сегодня мы модернизируем... Читать далее

Простая пагинация на PHP и MySQL

Это руководство о том, как сделать простое разбиение на страницы, используя PHP и MySQL с... Читать далее

Всплывающее окно при закрытии страницы

Стоп-форма - это всплывающее окно, призывающее к действию, которое открывается через определенное время нахождения пользователя... Читать далее

Добавить комментарий

*

code