tutorial pengembangan web terbaru
 

preventDefault () Method Acara

<Object Acara

Contoh

Mencegah link dari membuka URL:

document.getElementById("myAnchor").addEventListener("click", function(event){
    event.preventDefault()
});
Cobalah sendiri "

Lebih "Try it Yourself" contoh di bawah ini.


Definisi dan Penggunaan

The preventDefault() metode membatalkan acara tersebut jika dibatalkan, yang berarti bahwa aksi default yang dimiliki peristiwa itu tidak akan terjadi.

Sebagai contoh, ini dapat berguna bila:

  • Mengklik pada "Submit" tombol, mencegah dari mengirimkan formulir
  • Mengklik link, mencegah link dari berikut URL

Catatan: Tidak semua peristiwa yang dibatalkan. Gunakan dibatalkan properti untuk mengetahui apakah suatu peristiwa adalah dibatalkan.

Catatan: preventDefault() metode tidak mencegah penyebaran lebih lanjut dari suatu peristiwa melalui DOM. Gunakan stopPropagation() metode untuk menangani hal ini.


Dukungan Browser

Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung metode ini.

metode
preventDefault() iya nih 9.0 iya nih iya nih iya nih

Sintaksis

event .preventDefault()

parameter

tak satupun

Rincian teknis

Kembali Nilai: Tidak ada nilai pengembalian
DOM Versi: Tingkat DOM 2 Acara

contoh

Contoh lebih

Contoh

Mencegah aksi default kotak centang:

document.getElementById("myCheckbox").addEventListener("click", function(event){
    event.preventDefault()
});
Cobalah sendiri "

<Object Acara