Eventi di interfaccia utente JavaScript

Osea Martini
Eventi di interfaccia utente JavaScript
Gli eventi JavaScript sono definiti come l'interazione tra JavaScript e HTML. Gli eventi si verificano ogni volta che la pagina Web viene manipolata dall'utente o dal browser. Document Object Model (DOM) La versione 3 è costituita da eventi JavaScript e questi fanno parte di quasi tutti gli elementi HTML e possono attivare il codice JavaScript. Facendo clic su un pulsante, premendo un tasto, massimizzare una finestra, ecc. Esistono vari tipi di eventi JavaScript, tuttavia discuteremo specificamente eventi di interfaccia utente JavaScript in questo tutorial.

Eventi di interfaccia utente JavaScript

Gli eventi che si verificano attraverso l'interfaccia utente sono chiamati eventi dell'interfaccia utente e appartengono all'oggetto Uievent. Esistono vari tipi di eventi che rientrano nella categoria degli eventi di interfaccia utente JavaScript.

Gli eventi di interfaccia utente JavaScript sono i seguenti.

  1. Evento Onabort
  2. Evento OnBeforeUnload
  3. Evento ONERROR
  4. Evento Onload
  5. OnResize Event
  6. Evento Onscroll
  7. Evento Onselect
  8. Evento OnUnload

Ognuno degli eventi sopra menzionati è discusso di seguito.

Evento Onabort

Quando aborti il ​​caricamento/download di un media i.e. Audio/Video, l'evento Onabort accade. Tuttavia, non accade a causa di alcun errore. Non bolle e non è nemmeno cancellabile. Supporta i tag e HTML ed è incluso nel livello DOM 3.

Sintassi

La sintassi dell'evento OnBabort è il seguente.

Sintassi HTML

Sintassi di JavaScript

oggetto.onoBort = function () script;

Sintassi JavaScript addEventListener ()

oggetto.addEventListener ("Abort", Script);

Esempio

var video = documento.getElementById ("myvideo");
video.onoBort = function ()
avviso ("caricamento abortito");
;

Evento OnBeforeUnload

Quando si sta per scaricare un documento, si verifica l'evento OnBeforeUnload. Come risultato di questo evento, viene visualizzata una finestra di dialogo di conferma che ti chiede se si desidera rimanere sulla pagina o lasciarla. Non bolle ma è cancellabile. Supporta il tag HTML ed è incluso nel livello DOM 2.

Sintassi:

La sintassi dell'evento OnBeforeUnload è il seguente.

Sintassi HTML:

Sintassi di JavaScript:

oggetto.OnBeforeUnload = function () script;

JavaScript AddEventListener () Sintassi:

oggetto.addEventListener ("prima di caricamento", script);

Esempio




Fai clic sul collegamento in basso


Fai clic per visitare Google


In questo esempio, quando facciamo clic sul collegamento, quindi prima della navigazione su Google.com, una scatola di allerta apparirà come dimostrato nello screenshot collegato di seguito.

Produzione

Evento ONERROR

Se si verifica un errore quando si carica un file esterno come un documento o un'immagine, si verifica l'evento ONERROR. Non bolle e non è nemmeno cancellabile. Supporta tag HTML ed è incluso nel livello DOM 2.

Sintassi:

La sintassi dell'evento Onerror è il seguente.

Sintassi HTML:

Sintassi di JavaScript:

oggetto.onerror = function () script;

JavaScript AddEventListener () Sintassi:

oggetto.addEventListener ("errore", script);

Esempio







Produzione

Evento Onload

Quando si carica un oggetto, si verifica l'evento Onload. L'evento Onload utilizza le informazioni relative al browser utente per caricare una versione adatta alle pagine Web. Può gestire i cookie della pagina web, inoltre, non bolle e non può essere annullato. Supporta il , ,