Eventos
São fatos que ocorrem durante a execução do sistema, a partir dos quais o programador pode definir ações a serem realizadas pelo programa. Abaixo apresentamos a lista dos eventos possíveis, indicando os momentos em que os mesmos podem ocorrer, bem como, os objetos passíveis de sua ocorrência.
onload - Ocorre na carga do documento. Ou seja, só ocorre no BODY do documento.
onunload - Ocorre na descarga (saída) do documento. Também só ocorre no BODY.
onchange - Ocorre quando o objeto perde o focus e houve mudança de conteúdo. válido para os objetos Text, Select e Textarea.
onblur - Ocorre quando o objeto perde o focus, independente de ter havido mudança. válido para os objetos Text, Select e Textarea.
onfocus - Ocorre quando o objeto recebe o focus. válido para os objetos Text, Select e Textarea.
onclick - Ocorre quando o objeto recebe um Click do Mouse. válido para os objetos Buton, Checkbox, Radio, Link, Reset e Submit.
onmouseover - Ocorre quando o ponteiro do mouse passa por sobre o objeto. válido apenas para Link.
onselect - Ocorre quando o objeto é selecionado. válido para os objetos Text e Textarea.
onsubmit - Ocorre quando um botão tipo Submit recebe um click do mouse. válido apenas para o Form.
Existem diversos eventos que podem ser utilizados em diversos elementos para que a interação do usuário dispare alguma função: oninput: quando um elemento input tem seu valor modificado onclick: quando ocorre um click com o mouse ondblclick: quando ocorre dois clicks com o mouse onmousemove: quando mexe o mouse onmousedown: quando aperta o botão do mouse onmouseup: quando solta o botão do mouse (útil com os dois acima para gerenciar drag'n'drop) onkeypress: quando pressionar e soltar uma tecla onkeydown: quando pressionar uma tecla onkeyup: quando soltar uma tecla onblur: quando um elemento perde foco onfocus: quando um elemento ganha foco onchange: quando um input, select ou textarea tem seu valor alterado onload: quando a página é carregada onunload: quando a página é fechada onsubmit: disparado antes de submeter o formulário (útil para realizar validações) Existem também uma série de outros eventos mais avançados que permitem a criação de interações para drag-and-drop, e até mesmo a criação de eventos customizados.
| << AULA 4 - Array | AULA 5 - Eventos | AULA 6 - Objetos >> |
|---|