El cambio de estado de un objeto se conoce como Evento . En HTML, hay varios eventos que representan que alguna actividad la realiza el usuario o el navegador. Cuando javascript El código está incluido en HTML, js reacciona sobre estos eventos y permite la ejecución. Este proceso de reaccionar ante los acontecimientos se llama Manejo de eventos . Por lo tanto, js maneja los eventos HTML a través de Controladores de eventos .
Por ejemplo , cuando un usuario hace clic en el navegador, agrega código js, que ejecutará la tarea que se realizará en el evento.
Algunos de los eventos HTML y sus controladores de eventos son:
matriz java ordenada
Eventos del ratón:
| Evento realizado | Controlador de eventos | Descripción |
|---|---|---|
| hacer clic | al hacer clic | Cuando se hace clic con el mouse en un elemento |
| ratón sobre | el ratón por encima | Cuando el cursor del mouse pasa sobre el elemento. |
| mouseout | en el mouse | Cuando el cursor del ratón sale de un elemento |
| ratón hacia abajo | con el mouse abajo | Cuando se presiona el botón del mouse sobre el elemento |
| mouseup | en el ratón | Cuando se suelta el botón del ratón sobre el elemento |
| movimiento del ratón | mover el mouse | Cuando se produce el movimiento del ratón. |
Eventos de teclado:
| Evento realizado | Controlador de eventos | Descripción |
|---|---|---|
| Pulsación y activación de teclas | onkeydown y onkeyup | Cuando el usuario presiona y luego suelta la tecla |
Eventos de formulario:
| Evento realizado | Controlador de eventos | Descripción |
|---|---|---|
| enfocar | enfocado | Cuando el usuario se centra en un elemento |
| entregar | al enviar | Cuando el usuario envía el formulario |
| difuminar | en la falta de definición | Cuando el foco está lejos de un elemento de formulario |
| cambiar | en cambio | Cuando el usuario modifica o cambia el valor de un elemento de formulario |
Eventos de ventana/documento
| Evento realizado | Controlador de eventos | Descripción |
|---|---|---|
| carga | cargar | Cuando el navegador termina de cargar la página |
| descargar | descargar | Cuando el visitante abandona la página web actual, el navegador la descarga. |
| cambiar el tamaño | cambiar el tamaño | Cuando el visitante cambia el tamaño de la ventana del navegador |
Analicemos algunos ejemplos de eventos y sus controladores.
Haga clic en evento
Javascript EventsPruébalo ahora
Evento de mouseover
<p onmouseover="mouseoverevent()"> Keep cursor over me</p>Pruébalo ahora
Evento de enfoque
Javascript Events <h2> Enter something here</h2>Pruébalo ahora
Evento de desactivación
Javascript Events <h2> Enter something here</h2>Pruébalo ahora
Cargar evento
Javascript Events <br>Pruébalo ahora