preventDefault() Metode Acara
Contoh
Mencegah tautan membuka URL:
document.getElementById("myAnchor").addEventListener("click", function(event){
event.preventDefault()
});
Lebih banyak contoh "Coba Sendiri" di bawah ini.
Definisi dan Penggunaan
Metode preventDefault() membatalkan acara jika dapat dibatalkan, artinya tindakan default yang termasuk dalam acara tidak akan terjadi.
Misalnya, ini dapat berguna ketika:
- Mengklik tombol "Kirim", mencegahnya mengirimkan formulir
- Mengklik tautan, mencegah tautan mengikuti URL
Catatan: Tidak semua acara dapat dibatalkan. Gunakan properti yang dapat dibatalkan untuk mengetahui apakah suatu acara dapat dibatalkan.
Catatan: Metode preventDefault() tidak mencegah penyebaran lebih lanjut dari suatu peristiwa melalui DOM. Gunakan metode stopPropagation() untuk menangani ini.
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung metode ini.
| Method | |||||
|---|---|---|---|---|---|
| preventDefault() | Yes | 9.0 | Yes | Yes | Yes |
Sintaksis
event.preventDefault()
Parameter
| Tidak ada |
Detail Teknis
| Nilai Kembali: | Tidak ada nilai kembali |
|---|---|
| Versi DOM: | Acara DOM Tingkat 2 |
Lebih Banyak Contoh
Contoh
Cegah tindakan default kotak centang:
document.getElementById("myCheckbox").addEventListener("click", function(event){
event.preventDefault()
});