Eventos: mudanças entre as edições
imported>Suzy Sem resumo de edição |
imported>Fargoud Sem resumo de edição |
||
| (41 revisões intermediárias por 3 usuários não estão sendo mostradas) | |||
| Linha 1: | Linha 1: | ||
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. | |||
------------------------------------- | |||
{| border="1" cellpadding="5" cellspacing="0" | |||
! style="background: #cdc5bf;" | [[Array | << AULA 4 - Array]] | |||
! style="background: #cdc5bf;" | AULA 5 - Eventos | |||
! style="background: #cdc5bf;" | [[Objetos| AULA 6 - Objetos >> ]] | |||
|} | |||
[[JS_-_A_Linguagem_de_programação_JavaScript | <<= Página do curso ]] | |||
Edição atual tal como às 16h16min de 26 de abril de 2022
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 >> |
|---|