Quel est l'objet événement javascript

En JavaScript, l'objet événement (event) est un objet utilisé pour enregistrer certaines informations pertinentes lorsqu'un événement se produit ; l'objet événement n'est généré que lorsque l'événement se produit et n'est accessible que dans la fonction de traitement d'événement, dans tous les cas. fonctions de traitement Après l'exécution, l'objet événement est détruit.

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

Qu'est-ce qu'un objet événement (événement) :

Un objet événement est un objet utilisé pour enregistrer des informations pertinentes lorsque certains événements se produisent.

L'objet événement ne sera généré que lorsqu'un événement se produit et n'est accessible que dans la fonction de traitement d'événement. Une fois que toutes les fonctions de traitement d'événement auront terminé leur exécution, l'objet événement sera détruit !

Remarque : En fait, l'événement a toujours existé (qu'il soit lié ou surveillé), il n'a tout simplement pas de gestionnaire d'événement ! ! !

Les événements JavaScript sont : des moments interactifs spécifiques qui se produisent dans la fenêtre du navigateur ou du document et l'interaction entre JavaScript et HTML est déclenchée par des événements.

Gestionnaire d'événements :

Gestionnaire d'événements : l'action de clic de notre utilisateur sur la page, l'action de mouvement de la souris, l'action d'achèvement du chargement de la page Web, etc., peuvent toutes être appelées noms d'événements,
à savoir : cliquer, déplacer la souris, charger, etc. tous les noms d'événements. La fonction qui répond à un événement est appelée gestionnaire d'événements ou écouteur d'événements.

Types d'événements :

Les événements en JavaScript sont généralement divisés en trois catégories, à savoir les événements généraux, les événements de formulaire et les événements de page.

• Les événements UI : tels que le chargement, le déchargement, l'erreur, le redimensionnement, le défilement, la sélection, DOMActive, sont déclenchés lorsque l'utilisateur interagit avec des éléments de la page.

• Les événements de focus : tels que flou, DOMFocusIn, DOMFocusOut, focus, focusin, focusout, sont déclenchés lorsqu'un élément gagne ou perd le focus. Parmi ces événements, les plus importants sont le flou et le focus. attention. Les événements de cette classe ne bouillonneront pas !

• Les événements de souris et de molette : tels que click, dblclick, mousedown, mouseenter, mouseleave, mousemove, mouseout, mouseover, mouseup, sont déclenchés lorsque l'utilisateur effectue des opérations sur la page via la souris.

• Événements de molette de défilement : mousewheel (supporté par IE6+), DOMMouseScroll (supporté par FF, même effet que mousewheel). Déclenché lors de l'utilisation de la molette de la souris.

• Événement Text : textInput, déclenché lorsque du texte est saisi dans le document.

• Événements de clavier : keydown, keyup, keypress, déclenchés lorsque l'utilisateur effectue des opérations sur la page via le clavier.

• Événement synthétique : nouvellement ajouté au niveau DOM3, utilisé pour traiter la séquence d'entrée de l'IME. Ce qu'on appelle IME fait référence à l'éditeur de méthode de saisie, qui permet aux utilisateurs de saisir des caractères introuvables sur le clavier physique. Il existe trois événements : compositionstart, compositionupdate et compositionend.

• Événements de changement : DOMsubtreeModified, DOMNodeInserted, DOMNodeRemoved, DOMAttrModified, DOMCharacterDataModified, etc., déclenchés lorsque la structure DOM sous-jacente change. IE8 - Non pris en charge.

• Événement de changement de nom : il est déclenché lorsque le nom de l'élément ou de l'attribut change. Il est actuellement obsolète !

  Pour les types d'événements de base, avec l'émergence et le développement du HTML5, divers événements tels que les événements HTML5, les événements d'appareil (touche unique), les événements tactiles, les événements tactiles, les événements gestuels, etc. ont été ajoutés

. Les autres événements sont les suivants

Événement de ressource

Nom de l'événement	Lors du déclenchement
Erreur	Lorsque le chargement des ressources échoue.
abort	Lorsque le chargement des ressources a été interrompu.
load	Les ressources et leurs ressources associées ont été chargées.
beforeunload	fenêtre, le document et ses ressources sont sur le point d'être déchargés.
unload	Le document ou une ressource dépendante est en cours de déchargement.

Événement réseau

Nom de l'événement	Quand est-il déclenché
en ligne	Le navigateur a obtenu l'accès au réseau.
hors ligne	Le navigateur a perdu l'accès au réseau.

Événement WebSocket

Nom de l'événement	Lors du déclenchement
ouverte	Connexion WebSocket établie.
message	Reçu un message via WebSocket.
erreur	La connexion WebSocket s'est fermée anormalement (par exemple, certaines données n'ont pas pu être envoyées).
close	La connexion WebSocket a été fermée.

Événement d'animation CSS

Nom de l'événement	Quand déclencher
animationstart	Déclenché lorsqu'une certaine animation CSS démarre.
animationend	Déclenché lorsqu'une animation CSS est terminée.
animationiteration	Déclenché lorsqu'une animation CSS est redémarrée une fois terminée.

Événement de transition CSS

Nom de l'événement	Quand déclencher
transitionstart	Déclenché lorsque l'événement de transition d'écoute commence.
transitionrun	Déclenché lors de l'écoute des événements de transition.
transitionend	Déclenché à la fin de l'événement de transition d'écoute.

Événement d'impression

Nom de l'événement	Quand déclencher
avantimpression	Déclenché lorsque l'imprimante est prête.
afterprint	Déclenché lorsque l'imprimante est éteinte.

Événement du presse-papiers

Nom de l'événement	Quand est-il déclenché
couper	Le contenu du texte sélectionné a été coupé et copié dans le presse-papiers.
copie	Le contenu du texte sélectionné a été copié dans le presse-papiers.
coller	Le contenu du texte copié depuis le presse-papiers est collé.

【Recommandations associées : Tutoriel d'apprentissage Javascript】

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!