Eventos de interface do usuário do JavaScript

Orlando Green
Eventos de interface do usuário do JavaScript
Os eventos JavaScript são definidos como a interação entre JavaScript e HTML. Os eventos ocorrem toda vez que a página da web é manipulada pelo usuário ou pelo navegador. Modelo de Objeto de Documento (DOM) A versão 3 consiste em eventos JavaScript e estes fazem parte de quase todos os elementos HTML e podem ativar o código JavaScript. Clicando em um botão, pressionando uma tecla, maximizando uma janela, etc, é considerada como um evento. Existem vários tipos de eventos JavaScript, no entanto, discutiremos especificamente os eventos da interface do usuário do JavaScript neste tutorial.

Eventos de interface do usuário do JavaScript

Os eventos que ocorrem através da interface do usuário são chamados de eventos de interface do usuário e pertencem ao objeto UievEnt. Existem vários tipos de eventos que se enquadram na categoria de eventos de interface do usuário JavaScript.

Os eventos da interface do usuário JavaScript são os seguintes.

  1. Evento de Onabort
  2. Evento OnBeforeUnload
  3. Evento OnError
  4. Evento OnLoad
  5. Evento OnResize
  6. Evento OnScroll
  7. Evento OneSelect
  8. Evento OnUnload

Cada um dos eventos acima mencionados é discutido abaixo.

Evento de Onabort

Quando você aborta o carregamento/download de uma mídia, eu.e. áudio/vídeo, o evento Onabort acontece. No entanto, isso não acontece devido a nenhum erro. Não borga e nem é cancelável. Ele suporta as tags e html e está incluído no DOM Nível 3.

Sintaxe

A sintaxe do evento Onbabort é a seguinte.

Sintaxe HTML

Sintaxe JavaScript

objeto.onabort = function () script;

Javascript addEventListener () sintaxe

objeto.addEventListener ("aborto", script);

Exemplo

var vídeo = documento.getElementById ("myvideo");
vídeo.onabort = function ()
alerta ("Carregando abortado");
;

Evento OnBeforeUnload

Quando você está prestes a descarregar um documento, o evento OnBeForeUnload acontece. Como resultado deste evento, uma caixa de diálogo de confirmação aparece que pergunta se você deseja ficar na página ou deixá -la. Não borbulha, mas é cancelável. Ele suporta a tag html e está incluído no DOM Nível 2.

Sintaxe:

A sintaxe do evento OnBeforeUnload é a seguinte.

Sintaxe HTML:

Sintaxe JavaScript:

objeto.onBeforeUnload = function () script;

Javascript addEventListener () sintaxe:

objeto.addEventListener ("Antes do UNLOAD", Script);

Exemplo




Clique no link abaixo


Clique para visitar o Google


Neste exemplo, quando clicamos no link, depois antes da navegação para o Google.com, uma caixa de alerta aparecerá como demonstrado na captura de tela anexada abaixo.

Saída

Evento OnError

Se ocorrer um erro quando você está carregando um arquivo externo, como um documento ou uma imagem, o evento OnError ocorre. Não borga e nem é cancelável. Ele suporta ,,,, e html tags e está incluído no nível 2 do DOM.

Sintaxe:

A sintaxe do evento OnError é a seguinte.

Sintaxe HTML:

Sintaxe JavaScript:

objeto.ONError = function () script;

Javascript addEventListener () sintaxe:

objeto.addEventListener ("erro", script);

Exemplo







Saída

Evento OnLoad

Quando você carrega um objeto, ocorre o evento Onload. O evento OnLoad usa as informações sobre o navegador do usuário para carregar uma versão adequada das páginas da web. Além disso, pode lidar com cookies da página da web. Ele suporta o , ,