Penanganan acara
1. Sumber acara: elemen html apa pun (node), body, div, tombol
2. Acara: Operasi Anda
mouse:
klik
Klik dua kali dblick
menu teks OnContextMenu
Salinan kode adalah sebagai berikut:
<body oncontextMenu = "return false"> // melarang program klik kanan
Put Mouseover Put
mouseout
mousedown
lift mouseup
tikus mousemove
Keyboard:
Acara Keyboard Keypress
lift keyup
keydown
dokumen:
beban beban
Onload adalah acara yang ditembakkan setelah halaman dimuat
Bongkar tutup
Sebelum protectedunload ditutup
Membentuk:
acara fokus
Blur kehilangan fokus
Kirim Acara Kirim
Acara Ubah Perubahan
lainnya:
menggulir
SELECTSTART SELECT EVENT
3. Event Handler
Tipe pertama:
Format: <tag on event = "event handler" />
Contoh:
Salinan kode adalah sebagai berikut:
<script>
function show () {
var one = document.getElementById ("One");
peringatan (satu.innerText);
}
menunjukkan();
</script>
<body>
<Div id = "One">
wwwwwwwwwwwwwwwwwwwwww
</div>
<input type = "tombol" ontClick = "show ()" value = "show">
Tipe kedua:
Langsung penangan di objek JavaScript.on
Salinan kode adalah sebagai berikut:
<Div id = "Two">
Halo, wulin.com//www.vevb.com
</div>
<script>
var satu = document.geteLementById ("dua");
One.onClick = function () {
this.style.backgroundColor = "red";
}
</script>
Tipe ketiga:
Pada dasarnya tidak ada yang menggunakannya
Salinan kode adalah sebagai berikut:
<Script for = "Event Source ID" Event = "Event"> Event Handler </Script>
<Div id = "th">
Halo, wulin.com//www.vevb.com
</div>
<skrip untuk = "th" event = "ontClick">
var satu = document.getElementById ("th");
One.Style.BackgroundColor = "Red";
</script>
Pernahkah Anda memahami penanganan insiden JavaScript? Tinggalkan saya pesan jika Anda memiliki pertanyaan.