VBScript - Eventos
O que é um evento?
A interação do VBScript com o HTML é tratada por meio de eventos que ocorrem quando o usuário ou navegador manipula uma página. Quando a página é carregada, isso é um evento. Quando o usuário clica em um botão, esse clique também é um evento. Outros exemplos de eventos incluem pressionar qualquer tecla, fechar janela, redimensionar janela, etc. Os desenvolvedores podem usar esses eventos para executar respostas codificadas em VBScript, que fazem com que botões fechem janelas, mensagens sejam exibidas para usuários, dados a serem validados e virtualmente qualquer outro tipo de resposta que se possa imaginar.
Os eventos fazem parte do Document Object Model (DOM) e cada elemento HTML tem um determinado conjunto de eventos, que podem acionar o código VBScript. Por favor, siga este pequeno tutorial para uma melhor compreensão da Referência de Eventos HTML . Aqui, veremos alguns exemplos para entender a relação entre Event e VBScript.
Tipo de evento onclick
Este é o tipo de evento usado com mais frequência, que ocorre quando um usuário clica com o botão esquerdo do mouse. Você pode colocar sua validação, aviso, etc., contra este tipo de evento.
Exemplo
<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>Isso produzirá o seguinte resultado e, quando você clicar no botão Hello, o evento onclick ocorrerá, o que acionará a função sayHello ().
onsubmit tipo de evento
Outro tipo de evento mais importante é onsubmit . Este evento ocorre quando você tenta enviar um formulário. Portanto, você pode colocar a validação do seu formulário nesse tipo de evento. O formulário é enviado clicando no botão Enviar, a caixa de mensagem aparece.
O formulário é enviado clicando no botão Enviar, a caixa de mensagem aparece.
Exemplo
<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
Esses dois tipos de eventos o ajudarão a criar bons efeitos com imagens ou até mesmo com texto. O evento onmouseover ocorre quando você coloca o mouse sobre qualquer elemento e o onmouseout ocorre quando você tira o mouse desse elemento.
Exemplo
<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>Ele produzirá um resultado quando você passar o mouse sobre a caixa de texto e também quando você afastar o foco da caixa de texto e do botão.
Eventos padrão HTML 4
Os eventos HTML 4 padrão estão listados aqui para sua referência. Aqui, o script indica uma função VBScript a ser executada naquele evento.
| Evento | Valor | Descrição |
|---|---|---|
| em mudança | roteiro | O script é executado quando o elemento muda |
| onsubmit | roteiro | O script é executado quando o formulário é enviado |
| onreset | roteiro | O script é executado quando o formulário é reiniciado |
| onblur | roteiro | O script é executado quando o elemento perde o foco |
| No foco | roteiro | O script é executado quando o elemento obtém o foco |
| onkeydown | roteiro | O script é executado quando a tecla é pressionada |
| onkeypress | roteiro | O script é executado quando a tecla é pressionada e liberada |
| onkeyup | roteiro | O script é executado quando a tecla é liberada |
| onclick | roteiro | O script é executado quando um clique do mouse |
| ondblclick | roteiro | O script é executado quando um clique duplo do mouse |
| onmousedown | roteiro | O script é executado quando o botão do mouse é pressionado |
| onmousemove | roteiro | O script é executado quando o ponteiro do mouse se move |
| onmouseout | roteiro | O script é executado quando o ponteiro do mouse sai de um elemento |
| no mouse | roteiro | O script é executado quando o ponteiro do mouse se move sobre um elemento |
| onmouseup | roteiro | O script é executado quando o botão do mouse é liberado |