Menggunakan PreventDefault pada Javascript

Ada yang pernah ngalami kejadian ketika tag <a href="> di klik, secara otomatis halaman browser akan melakukan reload, atau sebuah form jika kita klik tombol submit maka akan melakukan reload juga???

Nah, sebab inilah yang kadang dapat menjadi kendala, karena perintah javascript akan terpotong oleh proses reload tersebut. 

fungsi preventDefault adalah sebuah method yang berfungsi untuk mencegah terjadinya event bawaan dari sebuah DOM.

Langsung saja kita lihat contohnya.

<a href="https://solvedia.blogspot.com/" id="solved">Solvedia</a>
<script>
  var solved = document.getElementById('solved');
  solved.addEventListener('click', function(e) {
    //event nothing
    e.preventDefault();
  });
</script>

Penjelasan dari kode diatas, kita membuat event "click" pada tag "a href". Atribut href tidak akan di jalankan walaupun event click sudah dilakukan, sebab kita sudah memberikan e.preventDefault(). coba sobat hapus kode "e.preventDefault()" lihat apa yang akan terjadi??

fungsi preventDefault sangat berguna jika kita mau menjalankan perintah JavaScript tanpa adanya efek reload.

Semoga artikel ini bisa membantu sobat, Terimakasih Open URL