VBScript - Events

Co to jest wydarzenie?

Interakcja języka VBScript z HTML jest obsługiwana przez zdarzenia, które występują, gdy użytkownik lub przeglądarka manipuluje stroną. Kiedy strona się ładuje, jest to wydarzenie. Gdy użytkownik kliknie przycisk, to kliknięcie również jest zdarzeniem. Inne przykłady zdarzeń obejmują naciśnięcie dowolnego klawisza, zamknięcie okna, zmianę rozmiaru okna itp. Programiści mogą używać tych zdarzeń do wykonywania odpowiedzi zakodowanych w języku VBScript, które powodują zamykanie okien za pomocą przycisków, wyświetlanie komunikatów użytkownikom, sprawdzanie poprawności danych i praktycznie dowolne inny rodzaj reakcji, jaki można sobie wyobrazić.

Zdarzenia są częścią Document Object Model (DOM), a każdy element HTML ma określony zestaw zdarzeń, które mogą wywołać kod VBScript. Zapoznaj się z tym małym samouczkiem, aby lepiej zrozumieć dokumentację zdarzeń HTML . Tutaj zobaczymy kilka przykładów, aby zrozumieć związek między zdarzeniem a VBScript.

Typ zdarzenia onclick

Jest to najczęściej używany typ zdarzenia, który występuje, gdy użytkownik kliknie lewy przycisk myszy. Możesz umieścić swoją walidację, ostrzeżenie itp. Przeciwko temu typowi zdarzenia.

Przykład

<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>

Spowoduje to następujący wynik, a po kliknięciu przycisku Hello nastąpi zdarzenie onclick, które wyzwoli funkcję sayHello ().

typ zdarzenia onsubmit

Innym najważniejszym rodzajem zdarzeń jest onsubmit . To zdarzenie występuje, gdy próbujesz przesłać formularz. Możesz więc przeprowadzić walidację swojego formularza pod kątem tego typu zdarzenia. Formularz jest wysyłany po kliknięciu przycisku Prześlij, pojawi się okno komunikatu.

Formularz jest wysyłany po kliknięciu przycisku Prześlij, pojawi się okno komunikatu.

Przykład

<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 i onmouseout

Te dwa typy wydarzeń pomogą Ci stworzyć ładne efekty z obrazami, a nawet z tekstem. Onmouseover zdarzenia kiedy wprowadzą kursor myszy nad dowolny element i onmouseout występuje jeśli wziąć myszkę się od tego elementu.

Przykład

<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>

Daje to wynik po najechaniu kursorem myszy na pole tekstowe, a także po przeniesieniu fokusu poza pole tekstowe i przycisk.

Zdarzenia standardowe HTML 4

Standardowe zdarzenia HTML 4 są wymienione tutaj w celach informacyjnych. W tym miejscu skrypt wskazuje funkcję VBScript, która ma zostać wykonana względem tego zdarzenia.

Zdarzenie Wartość Opis
onchange scenariusz Skrypt jest uruchamiany, gdy element się zmienia
onsubmit scenariusz Skrypt jest uruchamiany po przesłaniu formularza
onreset scenariusz Skrypt jest uruchamiany po zresetowaniu formularza
onblur scenariusz Skrypt jest uruchamiany, gdy element traci fokus
skupienie scenariusz Skrypt jest uruchamiany, gdy element staje się aktywny
onkeydown scenariusz Skrypt jest uruchamiany po naciśnięciu klawisza
onkeypress scenariusz Skrypt jest uruchamiany po naciśnięciu i zwolnieniu klawisza
onkeyup scenariusz Skrypt jest uruchamiany po zwolnieniu klucza
na kliknięcie scenariusz Skrypt jest uruchamiany po kliknięciu myszą
ondblclick scenariusz Skrypt jest uruchamiany po dwukrotnym kliknięciu myszą
onmousedown scenariusz Skrypt jest uruchamiany po naciśnięciu przycisku myszy
onmousemove scenariusz Skrypt jest uruchamiany, gdy porusza się wskaźnik myszy
onmouseout scenariusz Skrypt jest uruchamiany, gdy wskaźnik myszy wychodzi poza element
onmouseover scenariusz Skrypt jest uruchamiany, gdy wskaźnik myszy przesuwa się nad elementem
onmouseup scenariusz Skrypt jest uruchamiany po zwolnieniu przycisku myszy