Hai teman-teman semuanya, apa kabar? semoga tetap dalam keadaan sehat kita lanjut lagi belajarnya, pada pembahasan kali ini kita akan belajar mengenal fungsi preventDafault pada jquery.

Kita tau bahwa fungsi link dan form pada html memiliki sifat asli yaitu akan mendirect halaman ke halaman tertentu, karena pada element link atau a dia memiliki atribut yaitu  href=”” dan pada element form dia juga memiliki atribut action=”” nah fungsi preventDefault inilah yang berfungsi untuk menghilangkan efek dari atribut href=”” dan action=””, untuk lebih jelasnya kita langsung saja praktek, pertama silahkan teman-teman buat sebuah file dan ketikan script berikut ini:

Saya membuat link yang dimana nilai dari atribut href=”” adalah ke website dumet school, nah jika teman-teman jalankan pada browser, hasilnya jika link tersebut di klik maka akan menuju ke halaman website dumet school, teman-teman bisa coba klik dulu apakah benar dia mengarah ke website dumet school.

Jika benar sekarang coba teman-teman tambahkan script ini pada bagian script jquerynya:

Jika teman-teman save dan jalankan pada browser, maka sifat direct linknya akan hilang, nah itulah fungsi dari preventDefault pada jquery,

Oke teman-teman untuk tutorial kali ini tentang mengenal fungsi preventDafault pada jquery cukup sampai disini dulu, semoga tutorial kali ini bermanfaat untuk teman-teman semuanya, sampai bertemu lagi pada tutorial berikutnya,

terima kasih.