VBScript - Eventi
Cos'è un evento?
L'interazione di VBScript con HTML viene gestita tramite eventi che si verificano quando l'utente o il browser manipola una pagina. Quando la pagina viene caricata, questo è un evento. Quando l'utente fa clic su un pulsante, anche quel clic è un evento. Altri esempi di eventi includono la pressione di un tasto qualsiasi, la chiusura della finestra, il ridimensionamento della finestra, ecc. Gli sviluppatori possono utilizzare questi eventi per eseguire risposte codificate VBScript, che fanno sì che i pulsanti chiudano le finestre, i messaggi da visualizzare agli utenti, i dati da convalidare e virtualmente qualsiasi altro tipo di risposta immaginabile che si verifichi.
Gli eventi fanno parte del Document Object Model (DOM) e ogni elemento HTML ha un certo insieme di eventi, che possono attivare il codice VBScript. Segui questo piccolo tutorial per una migliore comprensione del riferimento agli eventi HTML . Qui, vedremo alcuni esempi per comprendere una relazione tra Event e VBScript.
fare clic su Tipo di evento
Questo è il tipo di evento più frequentemente utilizzato, che si verifica quando un utente fa clic sul pulsante sinistro del mouse. Puoi mettere la tua convalida, avvertimento, ecc. Contro questo tipo di evento.
Esempio
<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>
Produrrà il seguente risultato e quando fai clic sul pulsante Hello, si verificherà l'evento onclick che attiverà la funzione sayHello ().
tipo di evento onsubmit
Un altro tipo di evento più importante è onsubmit . Questo evento si verifica quando si tenta di inviare un modulo. Quindi puoi mettere la convalida del tuo modulo contro questo tipo di evento. Il modulo viene inviato facendo clic sul pulsante Invia, viene visualizzata la finestra di messaggio.
Il modulo viene inviato facendo clic sul pulsante Invia, viene visualizzata la finestra di messaggio.
Esempio
<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 e onmouseout
Questi due tipi di eventi ti aiuteranno a creare effetti piacevoli con le immagini o anche con il testo. L' evento onmouseover si verifica quando si porta il mouse su qualsiasi elemento e onmouseout si verifica quando si estrae il mouse da quell'elemento.
Esempio
<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>
Produrrà un risultato quando passi il mouse sulla casella di testo e anche quando sposti lo stato attivo dalla casella di testo e dal pulsante.
Eventi standard HTML 4
Gli eventi HTML 4 standard sono elencati qui per riferimento. Qui, lo script indica una funzione VBScript da eseguire su quell'evento.
Evento | Valore | Descrizione |
---|---|---|
onchange | script | Lo script viene eseguito quando l'elemento cambia |
onsubmit | script | Lo script viene eseguito quando il modulo viene inviato |
onreset | script | Lo script viene eseguito quando il modulo viene reimpostato |
sfocato | script | Lo script viene eseguito quando l'elemento perde il focus |
onfocus | script | Lo script viene eseguito quando l'elemento viene attivato |
onkeydown | script | Lo script viene eseguito quando viene premuto il tasto |
onkeypress | script | Lo script viene eseguito quando il tasto viene premuto e rilasciato |
onkeyup | script | Lo script viene eseguito quando la chiave viene rilasciata |
al clic | script | Lo script viene eseguito quando si fa clic con il mouse |
ondblclick | script | Lo script viene eseguito quando si fa doppio clic con il mouse |
onmousedown | script | Lo script viene eseguito quando viene premuto il pulsante del mouse |
onmousemove | script | Lo script viene eseguito quando il puntatore del mouse si sposta |
onmouseout | script | Lo script viene eseguito quando il puntatore del mouse esce da un elemento |
onmouseover | script | Lo script viene eseguito quando il puntatore del mouse si sposta su un elemento |
onmouseup | script | Lo script viene eseguito quando viene rilasciato il pulsante del mouse |