Que es un evento ?

¿Qué es un evento?
Interacción de JavaScript con HTML se maneja a través de eventos que se producencuando el usuario o navegador manipula una página.

 

Cuando se carga la página, es un evento. Cuando el usuario hace clic en un botón,haga clic en, también, es un evento. Otro ejemplo de eventos son como presionarcualquier tecla, ventana de cierre, cambio de tamaño de ventana etc.

 

Los desarrolladores pueden utilizar estos eventos para ejecutar JavaScript codificadorespuestas, las cuales causan botones para cerrar las ventanas, los mensajes que semostrará a los usuarios, datos para validarse y prácticamente cualquier otro tipo derespuesta imaginable que se produzca.

 

Eventos son una parte de la Document Object Model (DOM) nivel 3 y cada elementoHTML tienen un determinado conjunto de eventos que pueden desencadenar el códigoJavaScript.

 

Por favor revise este pequeño tutorial para una mejor comprensión referencia deevento de HTML. Aquí veremos algunos ejemplos para entender a una relación entre elevento y JavaScript:

 

Tipo de evento OnClick:
Este es el tipo de evento más frecuente que se produce cuando un usuario hace clic en el botón izquierdo del ratón. Usted puede poner su validación, etc. advertencia contraeste tipo de evento.

 

Ejemplo:

 

<html>
<head>
<script type=”text/javascript”>
<!–
función sayHello() {}
Alert (“Hola mundo”)
}
//–>
</script>
</head>
<body>
<input type=”button” onclick=”sayHello()” value=”Say Hello” />
</body>
</html>
Esto producirá tras resultado y cuando pulsas Hola se producirá el evento onclick ybotón luego que se activará la función sayHello().

 

Para entender de mejor manera puedes intentarlo tú mismo.

 

tipo de evento onsubmit:
Otro tipo de evento más importante es onsubmit. Este evento se produce cuando seintenta enviar un formulario. Así que usted puede poner su validación de formularioscontra este tipo de evento.

 

Aquí es simple ejemplo que muestra su uso. Aquí estamos llamando a una función devalidate() antes de enviar datos de un formulario al servidor Web. Si validate() funcióndevuelve true el formulario se presentará si no presentará los datos.

 

Ejemplo:

 

<html>
<head>
<script type=”text/javascript”>
<!–
función validation() {}
validación todo va aquí
………
Return true o false
}
//–>
</script>
</head>
<body>
<form method=”POST” action=”t.cgi” onsubmit=”return validate()”>
…….
<input type=”submit” value=”Submit” />
</form>
</body>
</html>
onmouseover y onmouseout:
Estos tipos de dos eventos le ayudará a crear efectos agradables con imágenes oincluso texto. El evento onmouseover ocurre cuando traes el ratón sobre cualquierelemento y el onmouseout ocurre cuando pones el ratón de ese elemento.

 

Ejemplo:

 

Ejemplo siguiente se muestra cómo una división reacciona cuando traemos nuestroratón en esa división:

 

<html>
<head>
<script type=”text/javascript”>
<!–
función over() {}
Alert (“Mouse Over”);
}
función out() {}
alerta (“ratón“);
}
//–>
</script>
</head>
<body>
<div onmouseover=”over()” onmouseout=”out()”>
<h2>Esto está dentro de la división</h2>
</div>
</body>
</html>
Anuncios

Deja un comentario

Archivado bajo Tutoriales Javascript

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s