metode acara preventDefault

Event DOM Objek Event

Definisi dan penggunaan

jika acara dapat dibatalkan, metode preventDefault() akan membatalkan acara ini, yang berarti operasi bawaan acara ini tidak akan terjadi.

contoh, berguna dalam hal ini:

  • klik tombol "submit", mencegah pengiriman formulir
  • klik tautan, mencegah URL mengikuti tautan

Keterangan:Bukan semua aktivitas dapat dibatalkan. Gunakan properti cancelable untuk menentukan apakah acara dapat dibatalkan.

Keterangan:metode preventDefault() tidak akan mencegah penyebaran acara melalui DOM. Gunakan metode stopPropagation() untuk memperbaikinya.

contoh

contoh 1

mencegah URL penyebaran tautan:

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

coba sendiri

contoh 2

mencegah operasi bawaan kotak centang:

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

coba sendiri

grammar

event.preventDefault()

Paramater

Tidak ada.

Detil Teknologi

Nilai kembalian: Tidak ada nilai kembalian.
Versi DOM: DOM Level 2 Events

Dukungan Browser

Angka di tabel menunjukkan versi browser pertama yang mendukung metode ini penuh.

Metode Chrome IE Firefox Safari Opera
preventDefault() Dukungan 9.0 Dukungan Dukungan Dukungan
Event DOM Objek Event