preventDefault или как отменить переход по ссылке

Сегодня поговорим о функции preventDefault. Часто бывает нужно отключить стандартное поведение ссылки по клику. Убрать стандартное поведение ссылки. Как не переходить по ссылке по событию on click, или просто не отправлять форму по клику на submit. То-есть браузер просто не будет реагировать на ссылку. Это нужно например для того чтобы отправить форму с помощью jQuery или JavaScript или Аякс (ajax) или добавить свой js обработчик к форме или ссылке, заменить url перед переходом и тд.

Решение:

Отключить событие перехода по ссылке по клику на ссылку очень просто, достаточно в самом начале функции обработчика события клика вставить следующий код:

jQuery('a').on('click', function (e) {
    e.preventDefault(); // этот код предотвращает стандартное поведение браузера по клику
    // остальной код
});

Теперь браузер не будет переходить по ссылке.