VBScript - Eventos

¿Qué es un evento?

La interacción de VBScript con HTML se maneja a través de eventos que ocurren cuando el usuario o el navegador manipula una página. Cuando se carga la página, eso es un evento. Cuando el usuario hace clic en un botón, ese clic también es un evento. Otros ejemplos de eventos incluyen presionar cualquier tecla, cerrar la ventana, cambiar el tamaño de la ventana, etc. Los desarrolladores pueden usar estos eventos para ejecutar respuestas codificadas de VBScript, que hacen que los botones cierren ventanas, los mensajes se muestren a los usuarios, los datos se validen y prácticamente cualquier otro tipo de respuesta imaginable que ocurra.

Los eventos son parte del Modelo de objetos de documento (DOM) y cada elemento HTML tiene un determinado conjunto de eventos, que pueden activar el código VBScript. Consulte este pequeño tutorial para comprender mejor la referencia de eventos HTML . Aquí, veremos algunos ejemplos para comprender una relación entre Event y VBScript.

Tipo de evento al hacer clic

Este es el tipo de evento más utilizado, que ocurre cuando un usuario hace clic en el botón izquierdo del mouse. Puede poner su validación, advertencia, etc., contra este tipo de evento.

Ejemplo

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

Producirá el siguiente resultado, y cuando haga clic en el botón Hola, se producirá el evento onclick que activará la función sayHello ().

tipo de evento onsubmit

Otro tipo de evento más importante es onsubmit . Este evento ocurre cuando intenta enviar un formulario. Por lo tanto, puede comparar la validación de su formulario con este tipo de evento. El formulario se envía haciendo clic en el botón Enviar, aparece el cuadro de mensaje.

El formulario se envía haciendo clic en el botón Enviar, aparece el cuadro de mensaje.

Ejemplo

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

Estos dos tipos de eventos te ayudarán a crear efectos agradables con imágenes o incluso con texto. El evento onmouseover ocurre cuando coloca el mouse sobre cualquier elemento y el onmouseout ocurre cuando saca el mouse de ese elemento.

Ejemplo

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

Producirá un resultado cuando pase el mouse sobre el cuadro de texto y también cuando mueva el foco lejos del cuadro de texto y el botón.

Eventos estándar HTML 4

Los eventos estándar de HTML 4 se enumeran aquí para su referencia. Aquí, script indica una función VBScript que se ejecutará contra ese evento.

Evento	Valor	Descripción
onchange	guión	El script se ejecuta cuando cambia el elemento.
onsubmit	guión	El script se ejecuta cuando se envía el formulario
reiniciar	guión	El script se ejecuta cuando se restablece el formulario
en la falta de definición	guión	El script se ejecuta cuando el elemento pierde el foco
enfocado	guión	El script se ejecuta cuando el elemento se enfoca
onkeydown	guión	El script se ejecuta cuando se presiona la tecla
onkeypress	guión	El script se ejecuta cuando se presiona y suelta la tecla
onkeyup	guión	El script se ejecuta cuando se suelta la tecla
al hacer clic	guión	El script se ejecuta cuando se hace clic con el mouse
ondblclick	guión	El script se ejecuta cuando un mouse hace doble clic
onmousedown	guión	El script se ejecuta cuando se presiona el botón del mouse
onmousemove	guión	El script se ejecuta cuando se mueve el puntero del mouse
onmouseout	guión	El script se ejecuta cuando el puntero del mouse se mueve fuera de un elemento
el ratón por encima	guión	El script se ejecuta cuando el puntero del mouse se mueve sobre un elemento
onmouseup	guión	El script se ejecuta cuando se suelta el botón del mouse

↰ Previous page Next page ↱