Иногда с помощью JavaScript требуется отменить действие тега по умолчанию. К примеру, по нажатию на ссылку отменить переход по этой ссылке. Как правило такое требуется в том случае, если эту ссылку мы используем просто для запуска какого-либо кода. В этом случае то, что при клике на ссылку произойдет переход по ней, нам совсем не нужно.
Отмена действия по умолчанию производится
с помощью объекта Event. Для этого
у него есть специальный метод preventDefault(),
который следует вызвать в любом месте обработчика
события.
Попробуем на практике. Пусть у нас есть вот такая ссылка:
<a href="/" id="elem">ссылка</a>
Давайте сделаем так, чтобы по клику на ссылку не происходило перехода на другую страницу:
let elem = document.querySelector('#elem');
elem.addEventListener('click', function(event) {
event.preventDefault();
alert('Вы не можете перейти по этой ссылке!');
});
Даны ссылки. Сделайте так, чтобы по клику на ссылку ей в конец записывался ее href, а перехода по ссылке не происходило.
Даны два инпута, абзац и ссылка. Пусть в инпуты вводятся числа. Сделайте так, чтобы по клику на ссылку в абзац записалась сумма введенных чисел.