Eventos de interfaz de usuario de JavaScript

Salvador Anaya
Eventos de interfaz de usuario de JavaScript
Los eventos de JavaScript se definen como la interacción entre JavaScript y HTML. Los eventos ocurren cada vez que el usuario manipula la página web o el navegador. Modelo de objetos de documento (DOM) Versión 3 consiste en eventos de JavaScript y estos son parte de casi todos los elementos HTML y pueden activar el código JavaScript. Hacer clic en un botón, presionando una tecla, maximizar una ventana, etc. se consideran como un evento. Hay varios tipos de eventos de JavaScript, sin embargo, discutiremos específicamente los eventos de la interfaz de usuario de JavaScript en este tutorial.

Eventos de interfaz de usuario de JavaScript

Los eventos que ocurren a través de la interfaz de usuario se denominan eventos de interfaz de usuario y pertenecen al objeto Uievent. Hay varios tipos de eventos que se encuentran en la categoría de eventos de interfaz de usuario de JavaScript.

Los eventos de la interfaz de usuario de JavaScript son los siguientes.

  1. Evento de Onabort
  2. Evento de OnbeforeRload
  3. Evento de Onerror
  4. Evento de carga
  5. Evento de OnResize
  6. Evento de Onscroll
  7. Evento OnSelect
  8. Evento de OnUnload

Cada uno de los eventos mencionados anteriormente se analiza a continuación.

Evento de Onabort

Cuando abortas la carga/descarga de un medio de medios i.mi. audio/video, el evento de Onabort ocurre. Sin embargo, no sucede debido a ningún error. No burbujea y tampoco es cancelable. Admite las etiquetas y html y se incluye en el nivel de DOM 3.

Sintaxis

La sintaxis del evento de Onbabort es el siguiente.

Sintaxis html

Sintaxis de JavaScript

objeto.onabort = function () script;

JavaScript addEventListener () sintaxis

objeto.addEventListener ("abort", script);

Ejemplo

video var = documento.getElementByid ("myvideo");
video.onabort = function ()
alerta ("Carga abortada");
;

Evento de OnbeforeRload

Cuando está a punto de descargar un documento, ocurre el evento OnbeforeNunload. Como resultado de este evento, aparece un cuadro de diálogo de confirmación que le pregunta si desea permanecer en la página o dejarlo. No burbujea pero es cancelable. Admite la etiqueta HTML y se incluye en DOM Nivel 2.

Sintaxis:

La sintaxis del evento OnbeforeNunload es la siguiente.

Sintaxis HTML:

Sintaxis de JavaScript:

objeto.onbeforeNoLOGLED = function () script;

JavaScript AddEventListener () Sintaxis:

objeto.addEventListener ("BeforeUnload", script);

Ejemplo




Haga clic en el enlace de abajo


Haga clic para visitar Google


En este ejemplo, cuando hacemos clic en el enlace, antes de la navegación a Google.com, aparecerá una caja de alerta como se demuestra en la captura de pantalla adjunta a continuación.

Producción

Evento de Onerror

Si se produce un error cuando está cargando un archivo externo como un documento o una imagen, se produce el evento OnError. No burbujea y tampoco es cancelable. Admite ,, y etiquetas HTML y se incluye en DOM Nivel 2.

Sintaxis:

La sintaxis del evento OnError es la siguiente.

Sintaxis HTML:

Sintaxis de JavaScript:

objeto.onError = function () script;

JavaScript AddEventListener () Sintaxis:

objeto.addEventListener ("Error", script);

Ejemplo







Producción

Evento de carga

Cuando carga un objeto, se produce el evento de encendido. El evento Onload utiliza la información sobre el navegador de usuarios para cargar una versión adecuada de las páginas web. Puede manejar las cookies de la página web, además, no burbujea y no se puede cancelar la. Admite el , ,