JavaScript-те әдепкі әрекетті болдырмау

Кейде JavaScript көмегімен тегтің әдепкі әрекетін болдырмау қажет болады. Мысалы, сілтемеге басқанда сол сілтеме бойынша өтуді болдырмау. Әдетте, бұл сілтемені жай кодты іске қосу үшін пайдаланған кезде қажет болады. Бұл жағдайда сілтемеге басқанда ол бойынша өту болатыны бізге мүлдем қажет емес.

Әдепкі әрекетті болдырмау Event объектісі арқылы жүзеге асырылады. Ол үшін оның preventDefault() деген арнайы әдісі бар, оны оқиға өндегішінің кез келген жерінде шақыру керек.

Практикада көрейік. Бізде мынадай сілтеме болсын:

<a href="/" id="elem">сілтеме</a>

Сілтемеге басқанда басқа бетке өту болмауы үшін мынаны жасайық:

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

elem.addEventListener('click', function(event) {
	event.preventDefault();
	console.log('Сіз бұл сілтеме бойынша өте алмайсыз!');
});

Сілтемелер берілген. Сілтемеге басқанда оның соңына оның hrefі жазылып, сілтеме бойынша өту болмауы үшін жасаңыз.

Екі инпут, абзац және сілтеме берілген. Инпуттарға сандар енгізілсін. Сілтемеге басқанда абзацқа енгізілген сандардың қосындысы жазылуы үшін жасаңыз.