JavaScript-də Standart Əməliyyatın Ləğvi

Bəzən JavaScript vasitəsilə teqin standart əməliyyatını ləğv etmək tələb olunur. Məsələn, linkə klikləməklə həmin linkə keçidi ləğv etmək. Adətən belə bir şey, biz həmin linki sadəcə bir kod işlətmək üçün istifadə etdiyimiz zaman tələb olunur. Bu halda, linkə kliklənildikdə ona keçid ediləcəyi, bizim üçün heç də lazımlı deyil.

Standart əməliyyatın ləğvi Event obyekti vasitəsilə həyata keçirilir. Bunun üçün onun preventDefault() adlı xüsusi metodu var, hansı ki, hadisə işləyicisinin istənilən yerində çağırılmalıdır.

Gəlin praktikada sınayaq. Fərz edək ki, bizim belə bir linkimiz var:

<a href="/" id="elem">link</a>

Gəlin edək ki, linkə kliklənildikdə başqa səhifəyə keçid baş verməsin:

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

elem.addEventListener('click', function(event) {
	event.preventDefault();
	console.log('Siz bu linkə keçid edə bilməzsiniz!');
});

Linklər verilib. Edin ki, linkə kliklənildikdə onun sonuna onun href-i yazılsın, linkə keçid isə baş verməsin.

Iki input, abzas və link verilib. Fərz edək ki, inputlara ədədlər daxil edilir. Edin ki, linkə kliklənildikdə abzasa daxil edilmiş ədədlərin cəmi yazılsın.