Acara JavaScript

Acara JavaScript

Acara HTML ialah perkara yang berlaku pada elemen HTML.

JavaScript boleh mencetuskan peristiwa ini apabila digunakan dalam halaman HTML.

Acara HTML

Acara HTML boleh menjadi tindakan penyemak imbas atau tindakan pengguna.

Berikut ialah contoh acara HTML:

Halaman HTML selesai dimuatkan

Perubahan medan input HTML

Butang HTML diklik

Selalunya, apabila sesuatu peristiwa berlaku, anda boleh melakukan sesuatu mengenainya.

JavaScript boleh melaksanakan beberapa kod apabila peristiwa dicetuskan.

Atribut acara boleh ditambah pada elemen HTML dan kod JavaScript boleh digunakan untuk menambah elemen HTML.

Petikan tunggal:

Petikan berganda:

dalam berikut Dalam contoh, atribut onclick (dan kod) ditambahkan pada elemen butang:

  php中文网(php.cn) 现在的时间是?

Dalam contoh di atas, kod JavaScript akan mengubah suai kandungan elemen id="demo".

Dalam kejadian seterusnya, kod akan mengubah suai kandungan elemennya sendiri (menggunakan this.innerHTML):

  php中文网(php.cn) 现在的时间是?

Kod JavaScript biasanya beberapa baris kod. Yang lebih biasa dipanggil melalui atribut acara:

Acara HTML biasa

Berikut ialah senarai beberapa acara HTML biasa:

Insiden Penerangan

Onchange perubahan elemen html

onclick pengguna klik html Elemen

onmouseover Pengguna menggerakkan tetikus pada elemen HTML

onmouseout Pengguna mengalih keluar tetikus daripada elemen HTML

onkeydown Pengguna menekan kekunci papan kekunci

onload Penyemak imbas telah selesai memuatkan halaman

Apakah yang boleh JavaScript lakukan?

Acara boleh digunakan untuk mengendalikan pengesahan borang, input pengguna, tingkah laku pengguna dan tindakan penyemak imbas:

Acara dicetuskan apabila halaman dimuatkan

Acara dicetuskan apabila halaman ditutup

Pengguna mengklik butang untuk melakukan tindakan

Sahkan kesahihan pengguna kandungan input

dll.. .

Anda boleh menggunakan berbilang kaedah untuk melaksanakan kod acara JavaScript:

Atribut acara HTML boleh terus melaksanakan kod JavaScript

HTML atribut acara boleh memanggil fungsi JavaScript

Anda boleh menentukan pengendali acara anda sendiri untuk elemen HTML

Anda boleh menghalang peristiwa daripada berlaku.

Tunggu...

Dalam bab HTML DOM anda akan mengetahui lebih lanjut tentang acara dan Pengetahuan pengendali acara .