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:

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

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

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

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