Objek acara: Ketika suatu peristiwa terjadi, browser secara otomatis membuat objek dan berisi jenis peristiwa, koordinat mouse, dll.
Properti Objek Acara: Format: Event.Properties.
Beberapa instruksi:
Acara mewakili status acara, seperti elemen yang memicu objek acara, posisi dan status mouse, kunci ditekan, dll.
Objek acara hanya valid selama acara.
Acara di Firefox berbeda dari itu di IE. Acara di IE adalah variabel global yang tersedia kapan saja; Acara di Firefox harus di -boot dengan parameter, dan merupakan variabel sementara saat runtime.
Dalam IE/Opera itu adalah Window.event, dan di Firefox itu adalah peristiwa;
Objek acara ini adalah window.event.srcelement di IE, Event.target di Firefox, dan keduanya tersedia di Opera.
Acara yang mengikat
Di JS, Anda biasanya dapat mengambil dua metode untuk mengikat peristiwa ke suatu objek (kontrol):
Pertama -tama tentukan fungsi di kepala:
Salinan kode adalah sebagai berikut:
<type skrip = "Teks/JavaScript">
fungsi clickhandler ()
{
// Lakukan sesuatu
peringatan ("tombol diklik!");
}
</script>
Cara pertama untuk mengikat acara:
<input type = "tombol" value = "button1" onclick = "clickhandler ();"> <br/>
Cara kedua untuk mengikat acara:
Salinan kode adalah sebagai berikut:
<input type = "tombol" id = "button2" value = "button2">
<type skrip = "Teks/JavaScript">
var v = document.getElementById ("button2");
v.onClick = clickHandler; // Gunakan nama fungsi di sini, tidak ada tanda kurung yang ditambahkan
</script>
Contoh lainnya
Contoh 1:
Salinan kode adalah sebagai berikut:
<! Doctype html>
<Html>
<head>
<title> eventtest.html </iteme>
<meta http-equiv = "kata kunci" content = "kata kunci1, kata kunci2, kata kunci3">
<meta http-equiv = "description" content = "This is my Page">
<meta http-equiv = "konten tipe" content = "text/html; charset = utf-8">
<!-<tautan rel = "stylesheet" type = "text/css" href = "./ styles.css">->
<script>
function mover (objek) {
objek.color = "merah";
}
fungsi mout (objek) {
objek.color = "biru";
}
</script>
</head>
<body>
<gaya font = "kursor: bantuan"
OnClick = "window.location.href = 'http: //www.baidu.com'"
onMouseOver = "mover (this)" onmouseout = "mout (this)"> Selamat datang </font>
</body>
</html>
Contoh 2:
Salinan kode adalah sebagai berikut:
<! Doctype html>
<Html>
<head>
<title> eventtest2.html </iteme>
<meta http-equiv = "kata kunci" content = "kata kunci1, kata kunci2, kata kunci3">
<meta http-equiv = "description" content = "This is my Page">
<meta http-equiv = "konten tipe" content = "text/html; charset = utf-8">
<!-<tautan rel = "stylesheet" type = "text/css" href = "./ styles.css">->
</head>
<body>
<type skrip = "Teks/JavaScript">
fungsi getEvent (event) {
alert ("Tipe Acara:" + Event.Type);
}
Document.write ("Klik ...");
document.onmousedown = getEvent;
</script>
</body>
</html>