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

↰ Previous page Next page ↱