7
3.6 EVENTOS

3.5 eventos

Embed Size (px)

Citation preview

Page 1: 3.5 eventos

3.6 EVENTOS

Page 2: 3.5 eventos

evento

quiere decir que al “ocurrir una acción” en nuestro sitio web,

nosotros podemos disparar una secuencia de código, a esto se le llama evento

Page 3: 3.5 eventos

UN EVENTO PUEDE SER

poner el mouse sobre un elemento del nuestro sitio

pueden ser dar clic a un botón.

Page 4: 3.5 eventos

El evento onclick:

Se ejecuta cuando damos click a un elemento del DOM en nuestro sitio

Para incorporarlo en HTML basta con utilizar el atributo “onclick” en un elemento HTML y especificar el código o función de javascript a ejecutar.

<button valué="esto es un botón" onclick="mi función()"/>

Page 5: 3.5 eventos

El evento onload:

este evento se ejecuta cuando el DOM, es decir todos los elementos html del sitio web han sido cargados correctamente en el cliente

se usa mucho para asegurar la ejecución de código cuando se es necesario que la página este completamente cargada para la ejecución correcta de nuestros programas en JavaScript.

1<bodyonload="mi función()">

2<!-- código html -->

3</body>

Page 6: 3.5 eventos

Los eventos onmouseover y onmouseout:

este evento se lanza cuando pasamos el mouse(puntero) sobre un elemento del html, para especificar gatillo de este evento en un elemento del DOM 

<div id="contenedor" onmouseover="alert('entraste en el área del contenedor')« onmouseout="alert('haz salido del área del contenedor')"/>

Page 7: 3.5 eventos