1.10 Eventos JavaScript
O código JavaScript geralmente é acionado por eventos.
A função de gatilho do evento pode ser addEventListener
vinculada ao elemento por meio da função.
As funções de gatilho comuns são:
rato
- clique: clique com o botão esquerdo do mouse
- dblclick: Clique duas vezes com o botão esquerdo do mouse
- menu de contexto: clique com o botão direito do mouse
- mousedown: mouse para baixo, incluindo botão esquerdo, roda de rolagem, botão direito
- event.button: 0 significa botão esquerdo, 1 significa botão do meio, 2 significa botão direito
- mouseup: O mouse aparece, incluindo o botão esquerdo, a roda de rolagem e o botão direito
- event.button: 0 significa botão esquerdo, 1 significa botão do meio, 2 significa botão direito
teclado
- keydown: Independentemente de uma tecla ser pressionada ou não, o evento será acionado continuamente
- event.code: retorna qual tecla foi pressionada
- event.altKey, event.ctrlKey e event.shiftKey respectivamente indicam se as teclas alt, ctrl e shift são pressionadas ao mesmo tempo.
- keyup: se uma tecla é liberada
- Os atributos comuns do evento são os mesmos acima
- keypress: Disparado imediatamente após o evento keydown, somente quando uma tecla de caractere é pressionada. Adequado para julgar os caracteres inseridos pelo usuário.
- Os atributos comuns do evento são os mesmos acima
- A relação entre keydown, keyup e keypress é semelhante a mousedown, mouseup e clique de um mouse
forma
-
foco: foco em um elemento
-
desfoque: desfocar um elemento
-
mudança: o conteúdo de um elemento mudou
janela
Precisa agir no elemento da janela.
- redimensionar: quando o tamanho da janela muda
- scroll: rola o elemento especificado
- load: quando o elemento é carregado