Événements d'interface utilisateur JavaScript

Pauline Giraud
Événements d'interface utilisateur JavaScript
Les événements JavaScript sont définis comme l'interaction entre JavaScript et HTML. Les événements se produisent chaque fois que la page Web est manipulée par l'utilisateur ou le navigateur. Document Object Model (DOM) La version 3 se compose d'événements JavaScript et ils font partie de presque tous les éléments HTML et peuvent activer le code JavaScript. En cliquant sur un bouton, en appuyant sur une touche, en maximisant une fenêtre, etc. sont tous considérés comme un événement. Il existe différents types d'événements JavaScript, mais nous discuterons spécifiquement des événements d'interface utilisateur JavaScript dans ce tutoriel.

Événements d'interface utilisateur JavaScript

Les événements qui se produisent via l'interface utilisateur sont appelés événements de l'interface utilisateur et appartiennent à l'objet uievent. Il existe différents types d'événements qui relèvent de la catégorie des événements d'interface utilisateur JavaScript.

Les événements d'interface utilisateur JavaScript sont les suivants.

  1. événement Onabort
  2. Événement OnBeforeunload
  3. Événement ONERROR
  4. Événement Onload
  5. Événement ONRESIZE
  6. Événement Onscroll
  7. Événement OnSelect
  8. Événement onunload

Chacun des événements mentionnés ci-dessus est discuté ci-dessous.

événement Onabort

Lorsque vous abandonnez le chargement / téléchargement d'un média, je.e. Audio / vidéo, l'événement Onabort se produit. Cependant, cela ne se produit pas en raison d'une erreur. Il ne bouillonne pas et ni l'un ni l'autre est annulée. Il prend en charge les balises et HTML et est incluse dans DOM Niveau 3.

Syntaxe

La syntaxe de l'événement Onbabort est la suivante.

Syntaxe HTML

Syntaxe JavaScript

objet.onaBort = function () script;

Syntaxe javascript addeventListener ()

objet.addEventListener ("ABORD", script);

Exemple

var vidéo = document.getElementByid ("myvideo");
vidéo.onaBort = function ()
alerte ("chargement abandonné");
;

Événement OnBeforeunload

Lorsque vous êtes sur le point de décharger un document, l'événement OnBeforeunLoad se produit. À la suite de cet événement, une boîte de dialogue de confirmation apparaît qui vous demande si vous souhaitez rester sur la page ou le laisser. Il ne bouillonne pas mais il est annule. Il prend en charge la balise HTML et est inclus dans DOM Niveau 2.

Syntaxe:

La syntaxe de l'événement OnBeforeunload est la suivante.

Syntaxe HTML:

Syntaxe JavaScript:

objet.onBeforeUnload = function () script;

JavaScript addEventListener () Syntaxe:

objet.addEventListener ("avant en charge", script);

Exemple




Cliquez sur le lien ci-dessous


Cliquez pour visiter Google


Dans cet exemple, lorsque nous cliquons sur le lien, avant de naviguer vers le Google.com, une boîte à alerte apparaîtra comme démontré dans la capture d'écran ci-dessous.

Sortir

Événement ONERROR

Si une erreur se produit lorsque vous chargez un fichier externe tel qu'un document ou une image, l'événement OnError se produit. Il ne bouillonne pas et ni l'un ni l'autre est annulée. Il prend en charge ,,, et des balises HTML et est incluse dans DOM Niveau 2.

Syntaxe:

La syntaxe de l'événement ONERROR est la suivante.

Syntaxe HTML:

Syntaxe JavaScript:

objet.onError = function () script;

JavaScript addEventListener () Syntaxe:

objet.addEventListener ("erreur", script);

Exemple







Sortir

Événement Onload

Lorsque vous chargez un objet, l'événement Onload se produit. L'événement Onload utilise les informations concernant le navigateur d'utilisateurs pour charger une version appropriée des pages Web. Il peut gérer les cookies de la page Web, en outre, il ne bouillonne pas et ne peut pas être annulé. Il soutient le , ,