VBScript - Acara
Apa itu Acara?
Interaksi VBScript dengan HTML ditangani melalui peristiwa yang terjadi saat pengguna atau browser memanipulasi halaman. Saat halaman dimuat, itu adalah acara. Saat pengguna mengklik tombol, klik itu juga merupakan peristiwa. Contoh lain dari peristiwa termasuk menekan sembarang tombol, menutup jendela, mengubah ukuran jendela, dll. Pengembang dapat menggunakan peristiwa ini untuk menjalankan tanggapan berkode VBScript, yang menyebabkan tombol untuk menutup jendela, pesan untuk ditampilkan kepada pengguna, data untuk divalidasi, dan hampir semua jenis respons lain yang bisa dibayangkan terjadi.
Peristiwa adalah bagian dari Model Objek Dokumen (DOM) dan setiap elemen HTML memiliki rangkaian peristiwa tertentu, yang dapat memicu Kode VBScript. Silakan ikuti tutorial kecil ini untuk lebih memahami Referensi Acara HTML . Di sini, kita akan melihat beberapa contoh untuk memahami hubungan antara Event dan VBScript.
Jenis Peristiwa onclick
Ini adalah jenis peristiwa yang paling sering digunakan, yang terjadi saat pengguna mengklik tombol kiri mouse. Anda dapat menempatkan validasi, peringatan, dll., Pada jenis acara ini.
Contoh
<html>
<head>
<script language = "vbscript" type = "text/vbscript">
Function sayHello()
msgbox "Hello World"
End Function
</script>
</head>
<body>
<input type = "button" onclick = "sayHello()" value = "Say Hello"/>
</body>
</html>Ini akan menghasilkan hasil sebagai berikut, dan ketika Anda mengklik tombol Hello, event onclick akan terjadi yang akan memicu fungsi sayHello ().
jenis acara onsubmit
Jenis acara terpenting lainnya adalah onsubmit . Peristiwa ini terjadi saat Anda mencoba mengirimkan formulir. Jadi, Anda dapat menempatkan validasi formulir Anda terhadap jenis acara ini. Formulir dikirimkan dengan mengklik tombol Kirim, kotak pesan muncul.
Formulir dikirimkan dengan mengklik tombol Kirim, kotak pesan muncul.
Contoh
<html>
<head> </head>
<body>
<script language = "VBScript">
Function fnSubmit()
Msgbox("Hello Tutorialspoint.Com")
End Function
</script>
<form action = "/cgi-bin/test.cgi" method = "post" name = "form1" onSubmit = "fnSubmit()">
<input name = "txt1" type = "text"><br>
<input name = "btnButton1" type = "submit" value="Submit">
</form>
</body>
</html>onmouseover dan onmouseout
Kedua jenis acara ini akan membantu Anda membuat efek yang bagus dengan gambar atau bahkan dengan teks juga. Peristiwa onmouseover terjadi saat Anda mengarahkan mouse ke elemen mana pun dan onmouseout terjadi saat Anda mengeluarkan mouse dari elemen tersebut.
Contoh
<html>
<head> </head>
<body>
<script language = "VBScript">
Function AlertMsg
Msgbox("ALERT !")
End Function
Function onmourse_over()
Msgbox("Onmouse Over")
End Function
Sub txt2_OnMouseOut()
Msgbox("Onmouse Out !!!")
End Sub
Sub btnButton_OnMouseOut()
Msgbox("onmouse out on Button !")
End Sub
</script>
<form action = "page.cgi" method = "post" name = "form1">
<input name = "txt1" type = "text" OnMouseOut = "AlertMsg()"><br>
<input name = "txt2" type = "text" OnMouseOver = "onmourse_over()">
<br><input name = "btnButton" type = "button" value = "Submit">
</form>
</body>
</html>Ini akan menghasilkan hasil saat Anda mengarahkan mouse ke kotak teks dan juga saat Anda menjauhkan fokus dari kotak teks dan tombol.
Peristiwa Standar HTML 4
Peristiwa HTML 4 standar dicantumkan di sini untuk referensi Anda. Di sini, skrip menunjukkan fungsi VBScript yang akan dijalankan terhadap peristiwa itu.
| Peristiwa | Nilai | Deskripsi |
|---|---|---|
| dalam perubahan | naskah | Script dijalankan ketika elemen berubah |
| onsubmit | naskah | Script berjalan saat formulir dikirimkan |
| onreset | naskah | Script dijalankan ketika form di-reset |
| onblur | naskah | Script dijalankan ketika elemen kehilangan fokus |
| sedang fokus | naskah | Script dijalankan saat elemen mendapatkan fokus |
| onkeydown | naskah | Script berjalan saat tombol ditekan |
| onkeypress | naskah | Skrip berjalan ketika tombol ditekan dan dilepaskan |
| onkeyup | naskah | Skrip berjalan saat kunci dilepaskan |
| onclick | naskah | Script dijalankan ketika mouse diklik |
| ondblclick | naskah | Script dijalankan ketika mouse diklik dua kali |
| onmousedown | naskah | Script berjalan saat tombol mouse ditekan |
| onmousemove | naskah | Skrip berjalan saat penunjuk mouse bergerak |
| onmouseout | naskah | Script dijalankan ketika penunjuk mouse bergerak keluar dari sebuah elemen |
| onmouseover | naskah | Script dijalankan ketika penunjuk mouse bergerak di atas sebuah elemen |
| onmouseup | naskah | Skrip berjalan saat tombol mouse dilepaskan |