Eventos HTML - Diferentes tipos de eventos HTMl com seus atributos

• Introdução aos eventos HTML

Introdução aos eventos HTML

HyperText Markup Language (HTML) é uma linguagem de hipertexto que cria um design web. é mostrado em qualquer navegador da web. Eventos HTML é Ação. todo usuário de clique recebe uma reação de um navegador chamado Action. Este processo é conhecido como o evento.

Digamos que se a página da web tiver um formulário, o usuário o preencher, o usuário receberá duas chaves, uma será enviada e a outra será cancelada. Quando os usuários pressionam o botão enviar, os dados do formulário serão salvos. No botão Cancelar, cancele os dados do formulário e atualize o formulário novamente. Essa ação do botão chamada evento. esse evento depende das ações dos usuários.

Tipo diferente de eventos HTML

Existem muitos atributos de eventos disponíveis no HTML5, que são classificados principalmente em 6 tipos diferentes. Esses atributos funcionam usando a linguagem JavaScript.

• Atributos de evento do Windows: Isso é fornecido para a ação do objeto Windows. Funciona na etiqueta do corpo.
• Atributos de evento do formulário: se o usuário executar alguma ação no formulário, como dados de entrada, cancele, envie esses atributos de evento.
• Atributos do evento do teclado: este atributo do evento do teclado usado para a ação do teclado e a interação do usuário.
• Atributos de evento do mouse : atributo de evento do mouse usado para ação do mouse que é mover, clicar, girar, etc.
• Atributos de evento da área de transferência: este atributo de evento usado para a ação da área de transferência. Exemplo de corte, cópia, pragas.
• Atributos de evento de mídia: esse atributo de evento funciona em arquivos de mídia como vídeo etc.

Descrição dos atributos do evento

Aqui está uma explicação dos atributos do evento que são fornecidos abaixo em detalhes:

1. Atributos de evento do Windows

Atributo	Descrição
onafterprint	Este script atua, embora após a impressão do documento.
onbeforeprint	Esse script atua, porém, antes da impressão de um documento.
onbeforeunload	Considerando que antes do documento descarregado, este script funciona.
onerror	No documento ocorre o erro, então este evento é executado.
onhashchange	A parte âncora da alteração de URL no documento que o evento de hora foi executado.
carregando	Quando a primeira página da Web é carregada completamente, esse evento é executado.
onmessage	No documento, a mensagem ocorreu naquele evento de hora executado.
on-line	Se a conexão de rede não estiver disponível e o navegador estiver offline, o evento será executado.
on-line	Quando a rede estiver disponível no navegador, o evento será executado.
onpagehide	Esse script age, se o usuário não estiver trabalhando em uma página da Web atual, a página atual poderá ser ocultada.
onpageshow	Esse script atua no momento em que a página da web atual é carregada.
onpopstate	Esse script funciona automaticamente no navegador para uma alteração no estado do histórico.
redimensionar	Este script age quando o navegador da janela altera o tamanho.
onstorage	Quando o armazenamento na web dos usuários é atualizado, o evento é executado.
onunload	A página atual do usuário não está carregada ou a janela é fechada e o evento é executado.

2. Atributos do Evento de Formulário

Atributo	Descrição
onblur	Algum objeto de validação de formulário perde o foco e o evento é acionado.
em mudança	A alteração de valor no formulário e o evento foram disparados.
No foco	No formulário, objeto tem foco. Trabalhando nesse objeto, o evento é disparado.
oninput	O usuário fornece entrada de valor no formulário e, em seguida, esse evento é disparado.
oninvalid	O evento funciona quando o elemento não satisfaz suas restrições predefinidas.
onreset	O usuário redefine as informações do formulário e o evento é acionado.
pesquisa	Os usuários pesquisam o campo obrigatório e o evento é acionado.
selecionar	O usuário seleciona o texto ou a área de texto no formulário e o evento é acionado.
submissão	O usuário envia o formulário no final e o evento é disparado.

3. Atributos de Evento do Teclado

Atributo	Descrição
onkeydown	Usando um teclado, o usuário pressiona a tecla para baixo nesse ponto.
onkeypress	Usando o teclado, os usuários pressionam a tecla e exibem caracteres nesse ponto.
onkeyup	Após a imprensa, o usuário da tecla libera a tecla e o evento funciona.

4. Atributos de evento do mouse

Atributo	Descrição
onclick	O usuário clica no mouse no botão e ocorre um evento.
ondblclick	Os usuários clicam duas vezes no mouse e o evento ocorre.
onmousedown	O usuário pressiona o botão do mouse no elemento e o evento ocorreu.
onmousemove	O usuário move o ponteiro do mouse sobre o elemento e o evento ocorreu.
onmouseout	O usuário move o mouse para fora do elemento e o evento ocorreu.
onmouseover	O usuário move o mouse sobre o elemento e o evento ocorreu.
onmouseup	O usuário soltou o botão do mouse e o evento ocorreu.
onmousewheel	Usando a roda do mouse, o usuário rola o elemento para cima e para baixo no evento e o evento ocorreu.
onwheel	Usando um usuário da roda do mouse, role-os para cima e para baixo e o evento ocorreu.

5. Atributos do evento da área de transferência

Atributo	Descrição
oncopy	Usando usuários do mouse para copiar o conteúdo, ocorreu o evento.
oncut	Usando usuários de mouse cortou o conteúdo, o evento ocorreu.
pasta	Usando o mouse, cole o conteúdo e o evento ocorreu.

6. Atributos de evento de mídia

Atributo	Descrição
onabort	Quando os arquivos de mídia são abortados para download e reprodução novamente, ocorre um evento.
oncanplay	Quando qualquer arquivo de mídia estiver pronto para reprodução, esse gatilho será acionado.
oncanplaythrough	Arquivo de mídia pronto para reprodução sem buffer e carregamento.
oncuechange	O elemento altera a sugestão do evento disparado.
alteração	O arquivo de mídia altera o período de tempo e o gatilho é acionado.
desocupado	Se o arquivo de mídia não estiver disponível e ocorrer um erro fatal, o gatilho será acionado.
ofendido	O arquivo de mídia vem no terminal e o gatilho é acionado.
onerror	Quando ocorreu um erro para obter o arquivo de mídia, o gatilho é acionado
onloadeddata	O arquivo de mídia carrega os dados e o acionador é acionado.
onloadedmetadata	O arquivo de mídia carrega os metadados e o gatilho é acionado.
onloadstart	O arquivo de mídia começa a carregar e o acionador é acionado.
onpause	O arquivo de mídia foi pausado para reproduzir novamente e o gatilho foi disparado.
onplay	Arquivo de mídia pronto para ser reproduzido e acionado.
onplaying	O arquivo de mídia começa a ser reproduzido e o gatilho é acionado.
em progresso	Esse script atua quando o navegador está trabalhando na conexão com os dados da mídia.
onratechange	Se a velocidade de reprodução de vídeos for alterada, o gatilho será acionado.
onseeked	Os usuários concluíram a movimentação, caso contrário, pule a nova posição do vídeo. esse atributo definido como falso.
procurando	O usuário deseja mover-se, caso contrário, pule a nova posição do vídeo. esse atributo definido como verdadeiro.
instalado	Quando o navegador pára repentinamente para a conexão de dados, o evento funciona.
gastar	Quando o Navegador da Web de propósito não obtém dados de mídia, os eventos funcionam.
ontimeupdate	Quando um usuário altera a posição de reprodução do vídeo, como avançar e retroceder.
onvolumechange	Para alterar o volume da mídia de baixo para alto.
aguardando	Se os dados carregarem as informações, o vídeo atual será interrompido com o buffer e o evento funcionará.

Conclusão

Eventos HTML são uma maneira fácil de executar ações e fazer interface entre navegadores e usuários. Os usuários podem obter a reação de cada ação sem esforço. Por exemplo; recorte e copie para a área de transferência, mova e clique para mouse, botões para formulário. Os eventos criam aplicativos da Web em tempo real e criam sistemas de trabalho inteligentes.

Artigos recomendados

Este é um guia para eventos HTML. Aqui discutimos a introdução e os tipos de eventos HTML, como janelas, formulário, teclado e muito mais, juntamente com a explicação dos atributos em detalhes. Você também pode consultar os seguintes artigos para saber mais:

1. Tags HTML básicas
2. Vantagens do HTML
3. Tags de formato HTML
4. Folhas de estilo HTML
5. Blocos HTML
6. Os 5 principais atributos de eventos HTML com exemplos
7. Definir uma cor de plano de fundo em HTML com exemplo
8. Guia para diferentes eventos JavaScript
9. Validação de formulário HTML | Exemplos