Ouvir

Atributos de evento de referência HTML

Atributos de evento de referência – o que são?

Este artigo discute sobre os atributos do evento Ref . Sempre que um usuário clica em um elemento , por exemplo, um JavaScript pode ser lançado no navegador por causa de um evento que foi ativado no HTML .

Você pode voltar ao nosso próximo tutorial de JavaScript posteriormente para aprender mais sobre programação de eventos.

A seguir está uma lista de atributos de eventos globais que podem ser atribuídos a elementos de HTML para definir ações de eventos.

---

---

Usos de atributos de evento de referência

Alguns usos comuns de atributos de evento de referência incluem:

• Tratamento de erros: quando ocorre um erro em seu aplicativo, você pode usar atributos de evento de referência para recuperar informações sobre o erro, como mensagem de erro, código de erro e rastreamento de pilha. Essas informações podem ser usadas para diagnosticar e depurar o problema.
• Registro: Atributos de evento de referência podem ser usados ​​para registrar informações sobre eventos conforme eles ocorrem. Isso pode incluir detalhes como a hora em que o evento ocorreu, o usuário que acionou o evento e quaisquer dados relevantes associados ao evento.
• Analytics: Ref Event Attributes podem ser usados ​​para capturar dados sobre eventos que ocorrem em seu aplicativo. Esses dados podem ser usados ​​para analisar o comportamento do usuário, identificar padrões e tomar decisões baseadas em dados.
• Roteamento de eventos: Atributos de evento de referência podem ser usados ​​para rotear eventos para destinos específicos com base em seus atributos. Por exemplo, você pode rotear eventos com um determinado atributo para uma função ou serviço específico para processamento.

---

Atributos de evento da janela

Eventos que são lançados para o objeto janela (refere-se ao <tag> do corpo) Aqui estão algumas ilustrações dos atributos do evento Ref :

Atributo	Valor	Visão geral
na mensagem	roteiro	Script a ser executado assim que a mensagem for iniciada.
onpagehide	roteiro	script que será executado quando um usuário sair de uma página.
na página mostrar	roteiro	Quando um usuário visita uma página, o script deve ser executado.
armazenamento	roteiro	Implicite o script sempre que um repositório do Web Storage for modificado.
ao descarregar	roteiro	Ocorre após o carregamento de uma página (ou quando você fecha a janela do navegador)
um erro	roteiro	Script a ser executado em caso de erro.
onhashchange	roteiro	Script a ser executado quando a parte âncora de uma URL for modificada.
na impressão posterior	roteiro	Execute o script assim que a impressão do documento for concluída.
antes de descarregar	roteiro	Uma vez que o documento esteja configurado para ser esvaziado, execute este script em Ref event attribute .
impressão anterior	roteiro	Script a ser executado antes da impressão do documento.
onpopstate	roteiro	O script a ser executado sempre que o histórico da janela for modificado.
onresize	roteiro	Acionado sempre que a janela do navegador é atualizada
onoffline	roteiro	O script a ser executado sempre que o navegador funcionar no modo offline.
online	roteiro	O script deve ser executado quando o navegador começar a funcionar online.
carregando	roteiro	ocorre após a conclusão do carregamento da página.

---

Eventos de formulário

Sempre que nos referimos aos atributos do evento Ref , eventos gerados por ações dentro de um formulário HTML (aplica-se a quase todos os elementos HTML, mas é mais comumente utilizado em elementos de formulário):

Atributo	Valor	Visão geral
No foco	roteiro	Dispara quando o elemento recebe o foco.
na entrada	roteiro	Script a ser executado quando um elemento recebe entrada do usuário.
em mudança	roteiro	Aciona a instância sempre que o valor do elemento nos atributos do evento Ref muda.
pesquisando	roteiro	Quando o usuário insere texto em um campo de pesquisa (para <input=”search”>), esse evento é acionado.
inicializar	roteiro	Sempre que o botão Redefinir do formulário é pressionado, esse evento ocorre.
ao selecionar	roteiro	Acionado quando o texto de um elemento foi escolhido em relação aos atributos do evento Ref .
ao enviar	roteiro	Evento que ocorre após o envio do formulário.
onblur	roteiro	Ativa assim que a ênfase do elemento se afasta dele.
oninvalid	roteiro	Execute o script sempre que um elemento estiver incorreto.
no menu de contexto	roteiro	Script a ser executado sempre que um menu de contexto for ativado.

---

Eventos de Teclado

Os eventos de teclado são um componente-chave da interatividade na Web, permitindo que os usuários interajam com páginas e aplicativos da Web por meio do uso de seus teclados.

Atributo	Valor	Visão geral
ao pressionar a tecla	roteiro	Ativa sempre que o usuário pressiona um botão.
onkeyup	roteiro	Entra em vigor sempre que um usuário libera um botão.
onkeydown	roteiro	Acionado por um evento de pressionamento de tecla.

---

Eventos do mouse

Os eventos de mouse são um aspecto crucial da interatividade na Web, permitindo que os usuários interajam com páginas e aplicativos da Web usando um mouse ou outro dispositivo apontador.

Atributo	Valor	Visão geral
na roda do mouse	roteiro	Demitido. Substitua-o pelo atributo onwheel.
passar o mouse	roteiro	Reage assim que o botão do mouse é liberado quando sobre um alvo.
onmouseout	roteiro	Ativa quando o cursor do mouse sai de um elemento.
ao clicar	roteiro	Clicar no elemento referenciado pelos atributos do evento Ref faz com que ele seja acionado.
ao passar o mouse	roteiro	Disparado sempre que o mouse é colocado sobre um elemento nos atributos do evento Ref .
ondblclick	roteiro	Aciona com um clique duplo do mouse no elemento.
ao passar o mouse	roteiro	Sempre que um botão do cursor é clicado em um elemento, esta função é chamada.
roda	roteiro	Evento que ocorre quando a roda do mouse é girada para cima ou para baixo sobre um determinado elemento.
ao mover o mouse	roteiro	Sempre que o cursor do mouse é movido sobre um elemento, este evento é acionado.

---

Eventos de arrastar

Os eventos de arrastar são um aspecto importante da interação do usuário em muitos aplicativos da Web, permitindo que os usuários arrastem e soltem itens ou elementos em uma página da Web.

Atributo	Valor	Visão geral
ondragover	roteiro	Script a ser executado se um elemento arrastado for definido para ser solto em um local válido.
ondrag	roteiro	Execute o script sempre que um elemento for arrastado.
ondrage	roteiro	Script final a ser executado após uma função de arrastar.
ondragstart	roteiro	O script deve ser executado antes que qualquer arrastar possa ocorrer nos atributos do evento Ref .
ondrop	roteiro	O script a ser executado quando um elemento é solto após ser arrastado.
na rolagem	roteiro	Sempre que a barra de rolagem de um elemento é rolada, esse script deve ser executado.
ondragente	roteiro	Quando um item é solto em um local apropriado, este script será executado.
ondragleave	roteiro	Se um item sair de um alvo válido, este script será executado.

---

Eventos da área de transferência

Os eventos da área de transferência são um aspecto importante da interação do usuário em muitos aplicativos da Web, permitindo que os usuários copiem e colem conteúdo entre páginas da Web e outros aplicativos.

Atributo	Valor	Visão geral
oncopy	roteiro	Sempre que um usuário copia o conteúdo de um elemento, ele explode.
oncut	roteiro	Ativa quando um usuário executa uma operação de corte em um determinado elemento.
colar	roteiro	Acionado pela ação do usuário de colar o conteúdo em um elemento de destino.

---

Eventos de mídia

Eventos relacionados à mídia, como aqueles causados ​​por áudio, vídeo e imagens (aplicáveis ​​a todos os elementos HTML, mas encontrados com mais frequência em elementos de mídia como audio>, embed>, image>, object> e video>) no evento Ref atributos .

Atributo	Valor	Visão geral
oncanplaythrough	roteiro	Se um arquivo puder ser reproduzido até o final sem parar para armazenamento em buffer, um script deve ser executado.
abortar	roteiro	Execute o script ao abortar.
oncanplay	roteiro	script que será executado quando um arquivo estiver preparado para reprodução (depois de ter buffer suficiente para iniciar)
na hora da mudança	roteiro	Script que será executado sempre que houver alteração de cue em um elemento <track>.
mudança de duração	roteiro	o script deve ser executado quando a duração da mídia mudar.
um esvaziado	roteiro	O script deve ser executado quando um evento negativo faz com que o arquivo fique repentinamente inacessível (como desligamentos acidentais)
unido	roteiro	Depois que a mídia terminar, execute o script (uma ocasião benéfica para dizer coisas como “obrigado por ouvir”)
um erro	roteiro	Script que deve ser executado caso ocorra algum problema no carregamento do arquivo.
dados carregados	roteiro	Este é um script a ser executado assim que os dados de mídia forem carregados.
onloadedmetadata	roteiro	Após o carregamento dos metadados (dimensões e duração), execute o script.
onloadstart	roteiro	Antes que qualquer outra coisa seja carregada, execute este script assim que o arquivo começar a carregar.
instalado	roteiro	Se o navegador não conseguir recuperar os dados de mídia por qualquer motivo, execute este script.
em progresso	roteiro	O script será executado quando o navegador estiver obtendo dados de mídia do servidor.
em pausa	roteiro	Sempre que a mídia for interrompida manualmente ou por conta própria, execute o script.
em jogo	roteiro	Execute este script quando a mídia puder começar a ser reproduzida.
jogando	roteiro	O script deve ser executado assim que a mídia começar a funcionar.
procurando	roteiro	Execute este script quando o atributo de busca for definido como verdadeiro, mostrando que a busca está em andamento.
suspender	roteiro	Caso a recuperação dos dados da mídia seja interrompida antes do carregamento completo, execute o script.
ontimeupdate	roteiro	Sempre que a posição de reprodução mudar (quando um usuário avança rapidamente para um ponto diferente), execute este script.
na mudança de volume	roteiro	Toda vez que o volume é alterado, o script deve ser invocado (incluindo a configuração do volume a ser silenciado).
esperando	roteiro	Caso a mídia tenha pausado, mas pretenda retomar (como armazenar mais dados em buffer), esse script deve ser executado.
na mudança de taxa	roteiro	Cada vez que a taxa de reprodução muda (como quando o usuário muda para câmera lenta ou avanço rápido), o script deve ser executado.
procurado	roteiro	Script a ser executado após o atributo de busca ter sido definido como falso, o que significa que a busca não é mais necessária.

---

eventos diversos

Atributo	Valor	Visão geral
alternar	roteiro	Ativa assim que o usuário abre ou fecha o elemento <details>.

---

Vantagens dos atributos do evento de referência HTML

Os atributos de evento de referência HTML têm vários benefícios que os tornam uma ferramenta útil para você. Estas vantagens incluem:

• Facilidade de uso: os atributos do evento Ref simplificam o processo de adicionar interatividade às páginas da Web, permitindo que os desenvolvedores adicionem ouvintes de eventos aos elementos HTML sem escrever código JavaScript adicional. Isso torna mais rápido e fácil criar recursos interativos.
• Estrutura de código mais clara: os atributos do evento de referência ajudam a organizar o código, mantendo a lógica de manipulação do evento dentro do próprio elemento HTML. Isso é particularmente útil para páginas da Web maiores que possuem vários ouvintes de eventos, facilitando a compreensão e a manutenção do código.
• Melhor acessibilidade: ao associar a lógica de manipulação de eventos diretamente com o elemento HTML, os atributos do evento ref melhoram a acessibilidade das páginas da web. Isso torna mais fácil para as tecnologias assistivas identificar e navegar pelos elementos interativos, beneficiando os usuários que dependem de leitores de tela ou outras tecnologias assistivas.
• Tempo de desenvolvimento mais rápido: os atributos do evento de referência podem ajudar a reduzir o tempo de desenvolvimento, simplificando o processo de adição de interatividade às páginas da web. Isso permite que você se concentre em outros aspectos do projeto, como layout e design, sem ter que se preocupar com códigos complexos de manipulação de eventos.
• Melhor desempenho: usar atributos de evento ref para anexar ouvintes de eventos diretamente ao elemento DOM pode levar a um melhor desempenho em grandes páginas da Web com muitos elementos interativos. Isso porque elimina a necessidade de usar JavaScript para pesquisar e anexar ouvintes de eventos, resultando em um código mais rápido e eficiente.

---

---