JavaScript-da standart harakatni bekor qilish

Ba'zan JavaScript yordamida tegning standart harakatini bekor qilish talab qilinadi. Masalan, havolani bosishda uning bo‘yicha o‘tishni bekor qilish. Odatda, bunday holatlar, agar biz ushbu havoladan shunchaki ma'lum bir kodni ishga tushirish uchun foydalansak, talab qilinadi. Bunday holda, havolani bosilganda uning bo‘yicha o‘tish yuz berishi biz uchun umuman kerak emas.

Standart harakatni bekor qilish Event obyekti yordamida amalga oshiriladi. Buning uchun unda preventDefault() maxsus metodi mavjud bo‘lib, u hodisa ishlovchisining istalgan joyida chaqirilishi kerak.

Keling, amalda sinab ko'raylik. Faraz qilaylik, bizda quyidagi havola mavjud:

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

Keling, havolani bosilganda boshqa sahifaga o‘tish bo‘lmasligini ta'minlaylik:

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

elem.addEventListener('click', function(event) {
	event.preventDefault();
	console.log('Siz ushbu havola bo‘yicha o‘ta olmaysiz!');
});

Havolalar berilgan. Havolani bosilganda uning oxiriga uning href-i yozilsin, lekin havola bo‘yicha o‘tish bo‘lmasligini ta'minlang.

Ikkita kirish maydoni, abzas va havola berilgan. Faraz qilaylik, kirish maydonlariga raqamlar kiritiladi. Havolani bosilganda abzasga kiritilgan raqamlar yig‘indisi yozilsin.