Онемогућавање подразумеване радње у JavaScript-у

Понекад је потребно помоћу JavaScript-а онемогућити подразумевану радњу тага. На пример, при клику на линк спречити прелазак на ту адресу. Ово је углавном потребно у случају када ту везу користимо једноставно за покретање неког кода. У том случају, промена странице при клику на линк није од користи.

Онемогућавање подразумеване радње се обавља помоћу објекта Event. За то постоји специјална метода preventDefault(), коју треба позвати на било ком месту у руковаоцу догађаја.

Испробајмо у пракси. Претпоставимо да имамо овакав линк:

<a href="/" id="elem">линк</a>

Направимо да при клику на линк не дође до промене странице:

let elem = document.querySelector('#elem');

elem.addEventListener('click', function(event) {
	event.preventDefault();
	console.log('Не можете да пређете на овај линк!');
});

Дати су линкови. Направите тако да при клику на линк на његов крај буде уписан његов href, али да не дође до преласка на ту адресу.

Дата су два уносна поља, параграф и линк. Нека се у поља уносе бројеви. Направите тако да при клику на линк у параграф буде уписан збир унетих бројева.