A mudança no estado de um objeto é conhecida como Evento . Em html, existem vários eventos que representam que alguma atividade é realizada pelo usuário ou pelo navegador. Quando javascript o código está incluído no HTML, os js reagem a esses eventos e permitem a execução. Este processo de reação sobre os eventos é chamado Manipulação de eventos . Assim, js lida com os eventos HTML via Manipuladores de eventos .
alfabeto como números
Por exemplo , quando um usuário clicar no navegador, adicione o código js, que executará a tarefa a ser realizada no evento.
Alguns dos eventos HTML e seus manipuladores de eventos são:
Eventos do mouse:
| Evento realizado | Manipulador de eventos | Descrição |
|---|---|---|
| clique | ao clicar | Quando o mouse clica em um elemento |
| passe o rato por cima | passar o mouse | Quando o cursor do mouse passa sobre o elemento |
| mouse fora | onmouseout | Quando o cursor do mouse sai de um elemento |
| mouse para baixo | onmousedown | Quando o botão do mouse é pressionado sobre o elemento |
| mouse para cima | onmouseup | Quando o botão do mouse é liberado sobre o elemento |
| mouse mover | onmousemove | Quando ocorre o movimento do mouse. |
Eventos de teclado:
| Evento realizado | Manipulador de eventos | Descrição |
|---|---|---|
| Keydown e Keyup | onkeydown e onkeyup | Quando o usuário pressiona e solta a tecla |
Eventos de formulário:
| Evento realizado | Manipulador de eventos | Descrição |
|---|---|---|
| foco | No foco | Quando o usuário foca em um elemento |
| enviar | ao enviar | Quando o usuário envia o formulário |
| borrão | desfocado | Quando o foco está longe de um elemento de formulário |
| mudar | em mudança | Quando o usuário modifica ou altera o valor de um elemento do formulário |
Eventos de janela/documento
| Evento realizado | Manipulador de eventos | Descrição |
|---|---|---|
| carregar | carregando | Quando o navegador termina o carregamento da página |
| descarregar | descarregar | Quando o visitante sai da página atual, o navegador a descarrega |
| redimensionar | redimensionar | Quando o visitante redimensiona a janela do navegador |
Vamos discutir alguns exemplos de eventos e seus manipuladores.
Clique em Evento
Javascript EventsTeste agora
Evento MouseOver
<p onmouseover="mouseoverevent()"> Keep cursor over me</p>Teste agora
Evento Foco
Javascript Events <h2> Enter something here</h2>Teste agora
Evento de pressionamento de tecla
Javascript Events <h2> Enter something here</h2>Teste agora
Carregar evento
Javascript Events <br>Teste agora