Kita tahu bahwa setelah pengembangan yang berorientasi pada objek, hampir semua bahasa dapat didasarkan pada objek "sekali semalam", dan JavaScript juga merupakan bahasa berbasis objek. Perilaku pengguna di browser disebut "peristiwa", dan serangkaian tindakan yang dipicu setelah itu, seperti pop-up, mengubah ukuran browser, verifikasi, dan Balabala, semuanya disebut "didorong oleh peristiwa". Tentu saja, kali ini saya terutama akan memperkenalkan beberapa acara umum.
PS: Dukungan untuk skrip JS tergantung pada browser! Lai Lai Beberapa versi browser yang lebih rendah mungkin tidak mendukungnya! Lai Lai
1. Klik Event (OnClick)
Apa itu acara klik? Ketika pengguna mengklik tombol mouse ya, acara klik akan dihasilkan. Pada saat yang sama, event handler yang ditentukan oleh OnClick akan dipanggil. Biasanya diterapkan pada tombol (objek tombol), kotak centang (kotak centang), radio (tombol radio), tombol reset (tombol reset), dan kirim tombol (kirim tombol).
Lakukan langkah besar:
<! Doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <itement> js event klik dasar </iteme> </head> <body> <script> <script = "javascript"> klik fungsi () {"Anda baru saja mengklik tombol"); } </script> <input type = "Tombol" value = "Tombol" ontClick = "aclick ()"/> </form> </body> </html>Efeknya adalah sebagai berikut:
2. Acara Ubah (Onchange)
Setelah pengguna mengubah nilai formulir, acara Onchange dipicu.
Kodenya adalah sebagai berikut:
<! Doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <iteme> JS Base Change Event </title> <script language = "javascript"> function check () {waspada ("Nilai kotak teks telah berubah"); } </script> </head> <body> <sorm> <input type = "text" value = "Ini adalah kotak teks" name = "name" onchange = "check ()"/> <form> </body> </html>Efeknya adalah sebagai berikut:
3. Pilih Acara (OnSelect)
Ketika elemen di halaman dipilih, acara OnSelect dipicu.
Kodenya adalah sebagai berikut:
<! Doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <iteme> JS Base Change Event </title> <script language = "javascript"> function check () {waspada ("Nilai kotak teks telah berubah"); } </script> </head> <body> <sorm> <input type = "text" value = "Ini adalah kotak teks" name = "name" onchange = "check ()"/> <form> </body> </html>Efeknya adalah sebagai berikut:
4. Load Event (Onload)
Acara pemuatan adalah acara yang dipicu saat halaman web baru saja dibuka.
Kodenya adalah sebagai berikut:
<! Doctype html> <html lang = "en"> <head> <meta charset = "UTF-8"> <Title> JS Event Loading Dasar </title> <bahasa skrip = "JavaScript"> Periksa fungsi () {alert ("Jangan cemas, Xiao D sedang dalam perjalanan ke kuda, O (∩ ∩ ∩ ∩ ∩ {{∩ ∩ {∩ ∩ {∩ {{∩ {{∩ {∩ {∩) } </script> </head> <body onload = "check ()"> </body> </html>Efeknya adalah sebagai berikut:
5. Sebelum Bongkar Acara (Sebelum Muat)
Lebih tepatnya, lebih tepat untuk menelepon "sebelum meninggalkan acara halaman" dan akan memicu acara ini ketika Anda mengklik tombol Tutup pada tab saat ini.
Kodenya adalah sebagai berikut:
<! Doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <itement> JS Basics Pre-Unload Event </ title> <script language = "javascript"> function check1 () {waspada ("Anda benar-benar ingin meninggalkan saya? ..."); } </script> </head> <body onbeforeunload = "check1 ()"> <h1> Ini adalah halaman yang digunakan untuk memverifikasi acara pra-unload </h1> </body> </html>Efeknya adalah sebagai berikut:
Artikel di atas secara singkat berbicara tentang driver acara klien dasar JavaScript adalah semua konten yang saya bagikan dengan Anda. Saya harap ini dapat memberi Anda referensi dan saya harap Anda dapat mendukung wulin.com lebih lanjut.