Apa fungsi dari PreventDefault pada Javascript? PreventDefault merupakan method yang memiliki fungsi untuk mencegah terjadinya proses atau event dari sebuah DOM. Contoh, biasanya PreventDefault... Apa Fungsi PreventDefault pada Javascript?

Apa fungsi dari PreventDefault pada Javascript? PreventDefault merupakan method yang memiliki fungsi untuk mencegah terjadinya proses atau event dari sebuah DOM. Contoh, biasanya PreventDefault ini digunakan untuk menghentikan proses “Submit” pada sebuah form, yang salah satu tujuannya untuk melakukan pengecekan field yang di isikan pengguna, atau bisa juga digunakan ketika kita ingin memproses form tanpa harus load page atau proses submit Form ingin di proses oleh Javascript.

Dikarenakan Javascript itu bekerja secara client Side, maka ketika halaman ter-reload, maka akan menjadi suatu kendala bagi javascript untuk memproses perintah kita.

Biar lebih jelasnya, bisa kita lihat contoh dibawah ini:

<a href="https://google.com" id="google">Google</a>
var google=document.getElementById('google');
google.addEventListener('click',function(e){
e.preventDefault();
});

Dalam contoh code diatas, kita bisa lihat bahwa kita akan menghentikan event pada text “google” agar saat di klik, kita tidak diarahkan ke link google. Semua itu terjadi karena kita meletakkan fungsi “e.preventDefault” pada javascript di “id” google.

Namun ketika kita coba memberikan “comment” pada line 3 di contoh kode yang di highlight diatas, pasti text “google” diatas ketika di klik akan mengarah ke url http://google.com.

 
var google=document.getElementById('google'); 
google.addEventListener('click',function(e){ 
//e.preventDefault(); 
}); 

Gimana, sudah faham..? Jika belum faham, silahkan untuk dicoba langsung biar lebih memahami fungsi dari preventDefault() ini.

Semoga bermanfaat …

Please follow and like us:

No comments so far.

Be first to leave comment below.

Your email address will not be published. Required fields are marked *

Social media & sharing icons powered by UltimatelySocial