HTML5 - Eventos
Quando os usuários visitam seu site, eles realizam várias atividades, como clicar em textos, imagens e links, passar o mouse sobre elementos definidos, etc. Estes são exemplos do que o JavaScript chama events.
Podemos escrever nossos manipuladores de eventos em Javascript ou VBscript e você pode especificar esses manipuladores de eventos como um valor de atributo de tag de evento. A especificação HTML5 define vários atributos de evento conforme listado abaixo -
Podemos usar o seguinte conjunto de atributos para acionar qualquer javascript ou vbscript código dado como valor, quando houver algum evento que ocorra para algum elemento HTML5.
Cobriríamos eventos específicos do elemento ao discutir esses elementos em detalhes nos capítulos subsequentes.
Atributo | Valor | Descrição |
---|---|---|
desligada | roteiro | Aciona quando o documento fica offline |
Onabort | roteiro | Aciona em um evento de aborto |
uma impressão posterior | roteiro | Aciona após o documento ser impresso |
onbeforeonload | roteiro | Aciona antes de o documento carregar |
na frente da impressão | roteiro | Aciona antes de o documento ser impresso |
onblur | roteiro | Aciona quando a janela perde o foco |
oncanplay | roteiro | Aciona quando a mídia pode iniciar a reprodução, mas pode ter que parar para armazenamento em buffer |
oncanplaythrough | roteiro | Aciona quando a mídia pode ser reproduzida até o fim, sem parar para armazenamento em buffer |
em mudança | roteiro | Aciona quando um elemento muda |
onclick | roteiro | Dispara com um clique do mouse |
oncontextmenu | roteiro | Aciona quando um menu de contexto é acionado |
ondblclick | roteiro | Dispara com um clique duplo do mouse |
ondrag | roteiro | Aciona quando um elemento é arrastado |
ondragend | roteiro | Aciona no final de uma operação de arrastar |
Ondragenter | roteiro | Aciona quando um elemento é arrastado para um destino de soltar válido |
Ondragleave | roteiro | Aciona quando um elemento deixa um alvo de soltar válido |
Ondragover | roteiro | Aciona quando um elemento está sendo arrastado sobre um destino de soltar válido |
ondragstart | roteiro | Aciona no início de uma operação de arrastar |
ondrop | roteiro | Aciona quando o elemento arrastado está sendo solto |
mudança de ondulação | roteiro | Aciona quando o comprimento da mídia é alterado |
esvaziado | roteiro | Aciona quando um elemento de recurso de mídia fica vazio repentinamente. |
ligado | roteiro | Aciona quando a mídia chega ao fim |
onerror | roteiro | Aciona quando ocorre um erro |
No foco | roteiro | Aciona quando a janela ganha o foco |
onformchange | roteiro | Aciona quando um formulário muda |
onforminput | roteiro | Aciona quando um formulário recebe entrada do usuário |
onhaschange | roteiro | Aciona quando o documento muda |
entrada | roteiro | Aciona quando um elemento obtém entrada do usuário |
oninvalid | roteiro | Aciona quando um elemento é inválido |
onkeydown | roteiro | Aciona quando uma tecla é pressionada |
onkeypress | roteiro | Aciona quando uma tecla é pressionada e liberada |
onkeyup | roteiro | Aciona quando uma tecla é liberada |
carregando | roteiro | Aciona quando o documento carrega |
onloadeddata | roteiro | Aciona quando os dados da mídia são carregados |
onloadedmetadata | roteiro | Aciona quando a duração e outros dados de mídia de um elemento de mídia são carregados |
onloadstart | roteiro | Aciona quando o navegador começa a carregar os dados de mídia |
mensagem | roteiro | Aciona quando a mensagem é acionada |
onmousedown | roteiro | Aciona quando um botão do mouse é pressionado |
onmousemove | roteiro | Aciona quando o ponteiro do mouse se move |
onmouseout | roteiro | Aciona quando o ponteiro do mouse sai de um elemento |
onmouseover | roteiro | Aciona quando o ponteiro do mouse se move sobre um elemento |
onmouseup | roteiro | Aciona quando um botão do mouse é liberado |
onmousewheel | roteiro | Aciona quando a roda do mouse está sendo girada |
on-line | roteiro | Aciona quando o documento fica offline |
conectados | roteiro | Aciona quando o documento fica online |
on-line | roteiro | Aciona quando o documento fica online |
no couro da página | roteiro | Aciona quando a janela está oculta |
onpageshow | roteiro | Aciona quando a janela se torna visível |
em pausa | roteiro | Aciona quando os dados de mídia são pausados |
em jogo | roteiro | Aciona quando os dados de mídia vão começar a ser reproduzidos |
tocando | roteiro | Aciona quando os dados de mídia começam a ser reproduzidos |
onpopstate | roteiro | Aciona quando o histórico da janela muda |
em progresso | roteiro | Aciona quando o navegador busca os dados de mídia |
onratechange | roteiro | Aciona quando a taxa de reprodução dos dados de mídia muda |
onreadystatechange | roteiro | Aciona quando o estado de prontidão muda |
Onredo | roteiro | Aciona quando o documento executa um refazer |
onresize | roteiro | Aciona quando a janela é redimensionada |
onscroll | roteiro | Aciona quando a barra de rolagem de um elemento está sendo rolada |
procurado | roteiro | Aciona quando o atributo de busca de um elemento de mídia não é mais verdadeiro e a busca termina |
em busca | roteiro | Aciona quando o atributo de busca de um elemento de mídia é verdadeiro e a busca começa |
onselect | roteiro | Aciona quando um elemento é selecionado |
montado | roteiro | Aciona quando há um erro na busca de dados de mídia |
no armazenamento | roteiro | Aciona quando um documento é carregado |
onsubmit | roteiro | Aciona quando um formulário é enviado |
suspender | roteiro | Aciona quando o navegador busca dados de mídia, mas é interrompido antes que todo o arquivo de mídia seja buscado |
ontimeupdate | roteiro | Aciona quando a mídia muda sua posição de reprodução |
onundo | roteiro | Aciona quando um documento desfaz |
onunload | roteiro | Aciona quando o usuário sai do documento |
onvolumechange | roteiro | Aciona quando a mídia altera o volume, também quando o volume está definido como "mudo" |
esperando | roteiro | Aciona quando a mídia para de reproduzir, mas espera-se que retome |