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