Fungsi PreventDefault Pada JavaScript

preventDefault atau event.preventDefault() adalah sebuah method yang berfungsi untuk mencegah terjadinya event bawaan dari sebuah DOM, misalnya tag "a href" jika kita klik, maka halaman browser akan melakukan reload, atau sebuah form jika kita klik tombol submit maka akan melakukan reload pula.

Nah, hal inilah yang kadang dapat menjadi kendala, karena perintah Javascript akan terpotong oleh proses reload tersebut. Dari pada bingung, mari kita lihat contohnya.

Pada kode di atas, saya membuat event "click" pada tag "a href". Karena saya berikan e.preventDefault(), jadi link tersebut tidak akan membuka halaman yang terdapat dalam atribut href.

Sekarang e.preventDefault() saya beri komentar.

Yang terjadi adalah event pada tag "a href" akan membuka halaman/URL dalam atribut href.

e.preventDefault() sangat berguna jika kita mau menjalankan perintah JavaScript tanpa adanya efek reload.

Hasilnya...