Membatalkan Tindakan Default di JavaScript

Terkadang dengan menggunakan JavaScript, kita perlu membatalkan tindakan default sebuah tag. Misalnya, membatalkan pergi ke tautan saat tautan tersebut ditekan. Biasanya hal ini diperlukan ketika tautan tersebut kita gunakan hanya untuk menjalankan suatu kode. Dalam kasus ini, fakta bahwa mengklik tautan akan menyebabkan pergi ke tautannya, sama sekali tidak kita inginkan.

Pembatalan tindakan default dilakukan dengan objek Event. Untuk itu ada metode khusus preventDefault(), yang harus dipanggil di mana saja dalam penangan peristiwa.

Mari kita coba dalam praktik. Misalkan kita memiliki tautan seperti ini:

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

Mari kita buat agar saat mengklik tautan tidak terjadi pergi ke halaman lain:

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

elem.addEventListener('click', function(event) {
  event.preventDefault();
  console.log('Anda tidak dapat pergi ke tautan ini!');
});