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...

6 November 2016

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Kursus Postgre SQL Database Developer Terbaik 2024 di Jakarta
chat