Event.preventDefault metodi

event.preventDefault metodi brauzerning standart harakatlarini bekor qilish imkonini beradi. Misol uchun, havola bosilganda boshqa sahifaga o'tish bo'lmasligi yoki tugma bosilganda forma serverga yuborilmasligi uchun qilish mumkin. Qanday foydalanish: oddiygina, hodisaga bog'langan funksiya ichida, istalgan joyda event.preventDefault() ni chaqirish kerak, bu yerda event - Event obyekti.

Sintaksis

javascriptevent.preventDefault();

Misol

Keling, havola bosilganda boshqa sahifaga o'tish bo'lmasligini qilaylik:

html<a href="/" id="elem">havola</a>
javascriptlet elem = document.querySelector('#elem');

elem.addEventListener('click', function(event) {
  event.preventDefault();
  alert('siz bu havola boʻyicha oʻta olmaysiz!');
});

Результат:

Shuningdek qarang