Objeto Event
Objeto Event
Todos os objetos de evento no DOM são baseados no objeto Event.
Portanto, todos os outros objetos de evento (como MouseEvent e KeyboardEvent）todos podem acessar os atributos e métodos do objeto Event.
Atributos e métodos de evento
| Atributo/Método | Descrição |
|---|---|
| bubbles | Retorna se o evento específico é um evento de bolha. |
| cancelBubble | Definir ou retornar se o evento deve ser propagado para a hierarquia superior. |
| cancelable | Retorna se o evento pode impedir sua operação padrão. |
| composed | Indica se o evento pode ser transmitido do Shadow DOM para o DOM geral. |
| composedPath() | Retorna o caminho do evento. |
| createEvent() | Cria um novo evento. |
| currentTarget | Retorna o elemento que desencadeou o evento pelos ouvintes de evento. |
| defaultPrevented | Retorna se o método preventDefault() foi chamado para o evento. |
| eventPhase | Retorna em qual fase do fluxo de eventos o evento atual está sendo avaliado. |
| isTrusted | Retorna se o evento é confiável. |
| preventDefault() | Se o evento puder ser cancelado, cancela-o sem executar a operação padrão pertencente ao evento. |
| stopImmediatePropagation() | Impedir que outros ouvintes do mesmo evento sejam chamados. |
| stopPropagation() | Impedir que o evento se propague no fluxo de eventos. |
| target | Retorna o elemento que desencadeou o evento. |
| timeStamp | Retorna o tempo de criação do evento (em milissegundos相对于纪元). |
| type | Retorna o nome do evento. |
Tipo de evento
Esses tipos de eventos pertencem ao objeto Event:
| Evento | Descrição |
|---|---|
| abort | Este evento ocorre quando a carga do meio é abortada. |
| afterprint | Ocorre este evento quando a página começa a imprimir ou ao fechar o diálogo de impressão. |
| beforeprint | Este evento ocorre quando a página está prestes a ser impressa. |
| beforeunload | Este evento ocorre antes de o documento ser descarregado. |
| canplay | Este evento ocorre quando o navegador pode começar a reproduzir a mídia. |
| canplaythrough | Este evento ocorre quando o navegador pode reproduzir mídia sem parar o buffering. |
| change | Este evento ocorre quando o conteúdo do elemento <form>, a seleção ou o estado selecionado muda. |
| error | Este evento ocorre após ocorrer um erro ao carregar um arquivo externo. |
| fullscreenchange | Este evento ocorre quando o elemento é exibido em modo de tela cheia. |
| fullscreenerror | Este evento ocorre quando o elemento não pode ser exibido em modo de tela cheia. |
| input | Este evento ocorre quando o elemento recebe entrada do usuário. |
| invalid | Este evento ocorre quando o elemento é inválido. |
| load | Este evento ocorre quando o objeto já foi carregado. |
| loadeddata | Este evento ocorre após a carga dos dados da mídia. |
| loadedmetadata | Este evento ocorre ao carregar metadados (por exemplo, tamanho e duração). |
| message | Este evento ocorre ao receber mensagens através deste origem do evento. |
| offline | Este evento ocorre quando o navegador começa a trabalhar offline. |
| online | Este evento ocorre quando o navegador começa a trabalhar online. |
| open | Este evento ocorre ao abrir a conexão com a fonte do evento. |
| pause | Este evento ocorre quando a mídia é pausada pelo usuário ou pausada de forma programática. |
| play | Este evento ocorre quando a mídia é iniciada ou deixada de pausar. |
| playing | Este evento ocorre quando a mídia é pausada ou interrompida para buffering e é reproduzida. |
| progress | Este evento ocorre quando o navegador está em processo de obter dados de mídia. |
| ratechange | Este evento ocorre quando a velocidade de reprodução da mídia muda. |
| resize | Este evento ocorre ao ajustar o tamanho da vista do documento. |
| reset | Este evento ocorre ao resetar o formulário. |
| scroll | Este evento ocorre ao rolar a barra de rolagem de um elemento. |
| search | Este evento ocorre quando o usuário digita conteúdo no campo de pesquisa. |
| seeked | Este evento ocorre quando o usuário completa o movimento/salto para uma nova posição na mídia. |
| seeking | Este evento ocorre quando o usuário começa a mover/saltar para uma nova posição na mídia. |
| select | Este evento ocorre após o usuário escolher texto (para <input> e <textarea>). |
| show | Este evento ocorre quando o elemento <menu> é exibido como um menu de contexto. |
| stalled | Este evento ocorre quando o navegador tenta obter dados de mídia mas os dados não estão disponíveis. |
| submit | Este evento ocorre ao enviar o formulário. |
| suspend | Este evento ocorre quando o navegador deliberadamente não obtém dados de mídia. |
| timeupdate | Este evento ocorre quando a posição de reprodução muda. |
| toggle | Este evento ocorre quando o usuário abre ou fecha o elemento <details>. |
| unload | Este evento ocorre após a desativação da página (para <body>). |
| waiting | Este evento ocorre quando o mídia é pausada, mas espera-se que seja restaurada. |
