Introducción a eventos HTML
HyperText Markup Language (HTML) es un lenguaje de hipertexto que crea un diseño web. se muestra en cualquier navegador web. HTML Events es acción. cada usuario de clic obtiene una reacción de un navegador llamado Acción. Este proceso se conoce como el evento.
Digamos que si la página web tiene un formulario, el usuario llena este formulario, el usuario obtiene dos claves, una se envía y la otra se cancela. Cuando los usuarios presionan el botón Enviar, se guardarán los datos del formulario. En el botón cancelar, cancele los datos del formulario y actualice el formulario nuevamente. Esta acción del botón se llama evento. Este evento depende de las acciones de los usuarios.
Diferentes tipos de eventos HTML
Hay muchos atributos de eventos disponibles en HTML5, que se clasifican principalmente en 6 tipos diferentes. Estos atributos funcionan con el lenguaje JavaScript.
- Atributos del evento de Windows: se proporciona para la acción del objeto de Windows. Funciona en etiqueta corporal.
- Atributos de evento de formulario: si el usuario realiza alguna acción en el formulario, como datos de entrada, cancelar, enviar, estos atributos de evento funcionan.
- Atributos de evento de teclado: los atributos de evento de teclado utilizados para la acción del teclado y la interacción del usuario.
- Atributos de evento del mouse : atributo de evento del mouse utilizado para la acción del mouse que es mover, hacer clic, rueda, etc.
- Atributos del evento del portapapeles: los atributos de este evento utilizados para la acción del portapapeles. Ejemplo de corte, copia, plaga.
- Atributos de evento multimedia: este atributo de evento funciona en archivos multimedia como video, etc.
Descripción de los atributos del evento
Aquí hay una explicación de los atributos del evento que se detallan a continuación:
1. Atributos de eventos de Windows
|
Atributo |
Descripción |
| onafterprint | Este guión actúa, aunque después del documento impreso. |
| onbeforeprint | Este guión actúa, aunque antes de que se imprima un documento. |
| onbeforeunload | Mientras que antes del documento descargado, este script funciona. |
| onerror | En el documento se produce el error y luego se ejecuta este evento. |
| onhashchange | La parte del ancla del cambio de URL en el documento que el evento de tiempo ejecutó. |
| onload | Cuando la primera página web se carga por completo, se ejecuta este evento. |
| mensaje | En el documento, el mensaje ocurrió en ese momento evento ejecutado. |
| en línea | Si la conexión de red no está disponible y el navegador dice que está desconectado, el evento se ejecutará. |
| en línea | Cuando la red está disponible en el navegador, se ejecuta el evento. |
| onpagehide | Este acto de secuencia de comandos, si el usuario no trabaja en una página web actual, la página actual se puede ocultar. |
| onpageshow | Este script actúa en ese momento cuando se carga la página web actual. |
| onpopstate | Este script funciona automáticamente en el navegador para un cambio de estado del historial. |
| onresize | Este script actúa cuando el navegador de la ventana cambia el tamaño. |
| almacenamiento | Cuando el almacenamiento web de los usuarios se actualiza, se ejecuta el evento. |
| onunload | O la página web actual del usuario no está cargada, o la ventana está cerrada, luego se ejecuta el evento. |
2. Atributos del evento de formulario
| Atributo | Descripción |
| en la falta de definición | Algunos objetos de validación de formularios pierden el foco y luego se activa el evento. |
| onchange | El cambio de valor en el formulario entonces evento desencadenado. |
| enfocado | En la forma, el objeto tiene foco. Trabajando en este objeto, luego se disparó el evento. |
| entrada | El usuario da una entrada de valor en el formulario y luego se activa este evento. |
| no válido | El evento funciona cuando el elemento no satisface sus restricciones predefinidas. |
| onreset | El usuario restableció la información del formulario y luego se activó el evento. |
| onsearch | Los usuarios buscan el campo requerido y luego se activa el evento. |
| onselect | El usuario selecciona el texto o el área de texto en forma y luego se activa el evento. |
| presentar | El usuario envía el formulario al final y luego se dispara el evento. |
3. Atributos del evento del teclado
| Atributo | Descripción |
| onkeydown | Usando un teclado, el usuario presiona la tecla hacia abajo en ese punto, el evento funciona |
| onkeypress | Usando el teclado, los usuarios presionan la tecla y muestran caracteres en ese punto, el evento funciona. |
| onkeyup | Después de presionar, el usuario clave suelta la clave y luego el evento funciona. |
4. Atributos del evento del mouse
| Atributo | Descripción |
| al hacer clic | El usuario hace clic con el mouse en el botón y luego ocurrió un evento. |
| ondblclick | Los usuarios hacen doble clic con el mouse y se produce el evento. |
| onmousedown | El usuario presiona el botón del mouse sobre el elemento y luego ocurrió el evento. |
| onmousemove | El usuario mueve el puntero del mouse sobre el elemento y luego ocurrió el evento. |
| onmouseout | El usuario mueve el mouse fuera del elemento y luego ocurrió el evento. |
| el ratón por encima | El usuario mueve el mouse sobre el elemento y luego ocurrió el evento. |
| onmouseup | El usuario soltó el botón del mouse y luego ocurrió el evento. |
| onmousewheel | Al usar la rueda del mouse, el usuario mueve el elemento hacia arriba y hacia abajo y luego se produce el evento. |
| sobre ruedas | Usando una rueda del mouse, el usuario rueda hacia arriba y hacia abajo y luego ocurrió el evento. |
5. Atributos del evento del portapapeles
| Atributo | Descripción |
| oncopía | Usando los usuarios del mouse para copiar el contenido, se produjo el evento. |
| oncut | Los usuarios del mouse cortaron el contenido y luego ocurrió el evento. |
| onpaste | Usando el mouse, pegue el contenido y luego se produjo el evento. |
6. Atributos de eventos de medios
| Atributo | Descripción |
| onabort | Cuando los archivos multimedia se cancelan para descargar y reproducir nuevamente, se produce un evento. |
| oncanplay | Cuando hay algún archivo multimedia listo para reproducir, se activa este disparador. |
| oncanplaythrough | Archivo multimedia listo para reproducir sin almacenamiento en búfer y carga. |
| oncuechange | El elemento cambia la señal del evento desencadenado. |
| ondurationchange | El archivo multimedia cambia el período de tiempo y luego se dispara el disparador. |
| unmptied | Si el archivo multimedia no está disponible y se produce un error grave, se dispara el disparador. |
| perseguido | El archivo multimedia llega al punto final y luego se dispara el disparador. |
| onerror | Cuando se produjo un error al obtener el archivo multimedia, se activa el disparador |
| datos cargados | El archivo multimedia carga los datos y luego se dispara el disparador. |
| metadatos cargados | El archivo multimedia carga los metadatos y luego se dispara el disparador. |
| onloadstart | El archivo multimedia comienza a cargarse y luego se dispara el disparador. |
| en pausa | El archivo multimedia está en pausa para reproducirse nuevamente y luego se dispara el disparador. |
| onplay | El archivo multimedia está listo para reproducir y luego se activa el disparador. |
| reproducción | El archivo multimedia comienza a reproducirse y luego se dispara el gatillo. |
| en progreso | Este script actúa cuando el navegador está trabajando para conectarse con los datos multimedia. |
| onratechange | Si se cambia la velocidad de reproducción de los videos, se dispara el gatillo. |
| buscado | Los usuarios completaron el movimiento; de lo contrario, omitan la nueva posición del video. Este atributo se establece como falso. |
| en búsqueda | El usuario desea moverse; de lo contrario, omita la nueva posición del video. Este atributo se establece como verdadero. |
| instalado | Cuando el navegador detiene repentinamente la conexión de datos, el evento funciona. |
| gasto | Cuando el navegador web a propósito no obtiene datos multimedia, los eventos funcionan. |
| ontimeupdate | Cuando un usuario cambia la posición de reproducción de video como hacia adelante y hacia atrás. |
| onvolumechange | Para cambiar el volumen de medios de menor a mayor. |
| en espera | Si los datos cargan la información, el video actual se detiene con el almacenamiento en búfer y el evento funciona. |
Conclusión
Los eventos HTML son una manera fácil de actuar e interactuar entre los navegadores web y los usuarios. Los usuarios pueden obtener la reacción de cada acción sin esfuerzo. Por ejemplo; cortar y copiar para el portapapeles, mover y hacer clic para el mouse, botones para el formulario. Los eventos convierten las aplicaciones web en tiempo real y crean sistemas de trabajo inteligentes.
Artículos recomendados
Esta es una guía de eventos HTML. Aquí discutimos la introducción y los tipos de eventos HTML, como ventanas, formularios, teclado y muchos más, junto con la explicación detallada de los atributos. También puede consultar los siguientes artículos para obtener más información.
- Etiquetas HTML básicas
- Ventajas de HTML
- Etiquetas de formato HTML
- Hojas de estilo HTML
- Bloques HTML
- Los 5 principales atributos de eventos HTML con ejemplos
- Establecer un color de fondo en HTML con ejemplo
- Guía de diferentes eventos de JavaScript
- Validación de formulario HTML | Ejemplos