metod acara preventDefault

Definisi dan penggunaan

Jika acara adalah dapat ditarik balik, metod preventDefault() akan tarik balik acara ini, ini bermakna operasi lalai bagi acara ini akan tidak berlaku.

contoh, dalam keadaan berikut ini adalah berguna:

  • klik butang "hantar", halang form disampaikan
  • klik link, halang link mengikuti URL

Komen:Bukan semua aktiviti dapat ditarik balik. Gunakan aturan cancelable untuk menentukan sama ada acara boleh ditarik balik.

Komen:metodenya preventDefault() tidak akan halang keperluan acara melalui DOM lebih lanjut. Gunakan metod stopPropagation() untuk menyelesaikan ini.

contoh

contoh 1

halangan URL buka link:

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

cuba sendiri

contoh 2

halangan operasi lalai kotak pilihan:

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

cuba sendiri

gramatika

event.preventDefault()

Parameter

Tiada.

Butir teknikal

Kembalian nilai: Tiada kembalian nilai.
Versi DOM: DOM Level 2 Events

Dukungan Pemerosahan

Nombor di dalam tabel menunjukkan versi paling awal pengguna penuh kaedah ini.

Kaedah Chrome IE Firefox Safari Opera
preventDefault() Dukungan 9.0 Dukungan Dukungan Dukungan