? événement de niveau DOM3 ? propose un regard sur plusieurs types d''événements

  événements interface utilisateur, les éléments de la division lors de l''interaction avec l''utilisateur sur la page;

  les événements de discussion, les éléments gagnent ou perdre le focus;

  Les événements de souris, effectuer l''opération sur la page avec la souris;

  événements pneus, utiliser la molette de la souris ou d''un dispositif similaire;

  événement de texte, lorsqu''un utilisateur saisit du texte dans un document;

  Les événements clavier, effectuer l''opération sur la page par le clavier;

  événement synthétique, lorsque la division est IME (Input Method Editor, éditeur de méthode d''entrée) l''entrée d''un caractère;

  Les événements de modification (mutation), les changements de structure DOM sous-jacents;

  Changer le nom de l''événement, lorsque le changement d''un nom d''élément ou d''un attribut, de tels événements ont été abandonnés.

  événements interface utilisateur mis en évidence le contenu ci-dessous

  événements interface utilisateur sont ces événements ne sont pas nécessairement liés à l''exploitation de l''utilisateur.

  DOMActivate, les éléments ont été une opération d''utilisateur (souris ou du clavier) pour activer.Il a été abandonné.

  Charge, après que la page est déclencheur entièrement chargée sur la fenêtre, toutes les trames dans la charge Après l''achèvement de l''ensemble de trames de déclenchement sur le img d''image élément de déclenchement chargé est terminé lorsque l''élément de déclenchement est intégré dans le contenu du chargement de l''objet.

  déchargement, à la page désinstaller complètement (fenêtre), arrière (frameset) toutes les trames sont déchargées, le déchargement après l''achèvement de contenu intégré (objet).

  ABORT, lorsque l''utilisateur arrête le processus de téléchargement, si le chargement pas terminé le contenu intégré, la division de l''élément d''objet.

  erreur, lorsque les js d''erreur (de fenêtre), lorsque l''image est non chargé (img), lorsque le contenu non embarqué chargé (objet), si une ou plusieurs trames ne peuvent pas charger (trame courante).

  sélectionner, déclenché lorsque l''utilisateur sélectionne un ou plusieurs caractères d''une zone de texte (texterea ou entrée).

  redimensionner: lorsque le changement de la taille de la fenêtre ou du cadre (fenêtre ou cadre)

  défilement: Lorsque l''utilisateur fait défiler le contenu avec les éléments de roulement (à l''élément de déclenchement)

  événement de chargement

  js événement le plus courant est une charge, lorsque (toutes les images, les fichiers js, fichiers css, etc.) page est complètement chargée, elle déclenche la fenêtre ci-dessus l''événement de chargement.Tel que:

  fenêtre.onload = function () {

  console.log ( ''chargé'');

  }

  En général, tout événement survenant dans la fenêtre ci-dessus peut être spécifiée par la fonction correspondante dans l''élément de corps, parce qu''ils ne peuvent pas accéder aux éléments de la fenêtre en HTML.Ceci est juste une mesure palliative pour assurer la compatibilité ascendante.Tel que:

  document.corps.onload = function () {

  console.log ( ''chargé'');

  }

  également être utilisé sur l''élément d''image:

  var img = Document.getElementById ( "img");

  img.onload = function () {

  console.log (événement.cible.src);

  }

  Un autre exemple est le code suivant dans la fenêtre est chargée, veulent joindre un corps élément img, ce qui suggère l''image du img src et les éléments de charge avant un message:

  fenêtre.onload = function () {

  image var = Document.createElement ( "img");

  document.corps.appendChild (image);

  image.src = ? https: // www.jb51.net / article / scr.png "

  image.onload = function () {

  console.log (événement.cible.src);

  console.log ( ''img est chargé'');

  };

  }

  En outre, les éléments de script sont également de fa?on non standard pour soutenir l''événement de charge.

  Certains navigateurs prennent en charge également l''événement de charge sur l''élément de liaison, de sorte que les développeurs de déterminer si la feuille de style est chargé.

  événement unload

  Cet événement est déclenché après que le document a été complètement désinstallée.Tant que l''utilisateur de passer d''une page à une autre page, événement Unload Se produit.

  fenêtre.onunload = function () {

  alert ( "8888");

  }

  Des précautions doivent être prises pour écrire du code gestionnaire d''événements onunload, parce que ces objets existent après la page est chargée, alors il n''y a pas nécessairement.

  événement Resize

  Lorsque la fenêtre du navigateur est ajustée à une nouvelle hauteur ou la largeur, il déclenche l''événement.

  fenêtre.onresize = function () {

  console.log (document.corps.clientWidth);

  }

  Du fait partie de la fenêtre du navigateur change de 1 pixel déclenché l''événement, et avec le déclencheur en constante évolution, il y a navigateur ne sera déclenché lorsque l''utilisateur arrête la fenêtre est redimensionnée.Vous devez donc éviter d''ajouter beaucoup de code informatique dans le gestionnaire de cet événement, ce qui évite la réaction lente du navigateur.

  événement défilement

  Bien que l''incident est survenu sur l''objet de la fenêtre, mais représente en fait le changement dans les éléments de la page de réponse.mode espion pour surveiller les changements de l''élément de corps scrollLeft et scrollTop, et en mode non-standard, à l''exception de tous les navigateurs Safari pour tenir compte de ce changement à travers l''élément html (documentElement):

  fenêtre.onscroll = function () {

  console.log (document.documentElement.Le document de scrollTop.corps.scrollTop);

  }

  Parce que le navigateur est en train de changer avec la gachette, de sorte que vous devez éviter d''ajouter beaucoup de code informatique dans le gestionnaire de cet événement, ce qui évite la réaction lente du navigateur.

  abort événement

  A propos abort, erreur, sélectionnez d''autres événements Veuillez faire attention à la mise à jour de suivi

  L''événement d''erreur

  A propos abort, erreur, sélectionnez d''autres événements Veuillez faire attention à la mise à jour de suivi

  événement select

  A propos abort, erreur, sélectionnez d''autres événements Veuillez faire attention à la mise à jour de suivi

  Vous pouvez également être intéressé par l''article: focus type d''événement JavaScript, souris et événements molette de la souris événement détaillé mouvement de contr?le dans et hors du code javascript effet d''affichage qui met en oeuvre un simple glisser-déposer (événements de souris mousedown mousemove mouseup) événements souris JS Daquan Recommander JavaScript Favorite Learning Event IX résumé javascript événements de souris de code JavaScript résumé de l''étude de cas d''événement de souris d''événements de souris de déchargement (cinq) js le type d''événement d''événements de souris

événements UI JavaScript de type d''événement détaillé

Recommend Article: