Paul Osmachko, 24.10.2017 08:15
preventDefault или как отменить переход по ссылке
Сегодня поговорим о функции preventDefault. Часто бывает нужно отключить стандартное поведение ссылки по клику. Убрать стандартное поведение ссылки. Как не переходить по ссылке по событию on click, или просто не отправлять форму по клику на submit. То-есть браузер просто не будет реагировать на ссылку. Это нужно например для того чтобы отправить форму с помощью jQuery или JavaScript или Аякс (ajax) или добавить свой js обработчик к форме или ссылке, заменить url перед переходом и тд.
Решение:
Отключить событие перехода по ссылке по клику на ссылку очень просто, достаточно в самом начале функции обработчика события клика вставить следующий код:
jQuery('a').on('click', function (e) {
e.preventDefault(); // этот код предотвращает стандартное поведение браузера по клику
// остальной код
});Теперь браузер не будет переходить по ссылке.
Читайте также:
- Клик вне элемента — jQuery click outside
- Full page jQuery plugin scrolling
- preventDefault или как отменить переход по ссылке
- jQuery touch swipe или как отследить жесты
Один комментарий на «“preventDefault или как отменить переход по ссылке”»
Добавить комментарий
Для отправки комментария вам необходимо авторизоваться.
[…] Эту функцию лучше всего поставить перед отправкой формы, как-бы валидация формы. Если все сходится, и функция вернет TRUE, отправляем форму дальше стандартными средствами или с помощью ajax. Еще будет нужно чтобы форма не отправлялась по событию submit. Как это сделать я мы уже писали в статье: Как отменить отправку формы с помощью js. […]