tutoriais mais recente desenvolvimento web
 

JavaScript HTML DOM Eventos Exemplos


Exemplos de como usar o JavaScript para reagir a eventos


Eventos de entrada

onblur - Quando um usuário deixa um campo de entrada
onchange - Quando um usuário altera o conteúdo de um campo de entrada
onchange - Quando um usuário seleciona um valor suspensa
onfocus - Quando um campo de entrada obtém o foco
onselect - Quando o texto de entrada é selecionado
onsubmit - Quando um usuário clica no botão de envio
onreset - Quando um usuário clica no botão de reset
onkeydown - Quando um usuário está pressionando / pressiona uma tecla
onkeypress - Quando um usuário está pressionando / pressiona uma tecla
onkeyup - Quando o usuário libera uma tecla
onkeyup - Quando o usuário libera uma tecla
onkeydown vs onkeyup - Tanto

eventos de rato

onmouseover/onmouseout - Quando o mouse passa sobre um elemento
onmousedown/onmouseup - / liberando o botão do mouse Ao pressionar
onmousedown - Quando o mouse é clicado: Alerta qual elemento
onmousedown - Quando o mouse é clicado: Alerta qual botão
onmousemove/onmouseout - Ao mover o ponteiro do mouse sobre / out de uma imagem
onmouseover/onmouseout - Ao mover o mouse sobre / out de uma imagem
onmouseover um mapa de imagem

clique em Eventos

Agindo ao onclick evento
onclick - Quando o botão é clicado
ondblclick - Quando um texto é clicado duas vezes

carga de Eventos

onload - Quando a página foi carregada
onload - Quando uma imagem tiver sido carregado
onerror - Quando ocorre um erro ao carregar uma imagem
onunload - Quando o navegador fecha o documento
onresize - Quando a janela do navegador é redimensionada

Outras

Qual é o código de tecla da tecla pressionada?
Quais são as coordenadas do cursor?
Quais são as coordenadas do cursor, em relação à tela?
Foi a tecla Shift pressionada?
Que tipo de evento ocorreu?

Exemplos explicou