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 |