événement JavaScript est une série d''opérations par l''utilisateur pour accéder à la page Web fait;

  Par exemple: l''utilisateur clique, lorsque l''utilisateur effectue certaines actions, vous pouvez exécuter une série de codes;

  Un événement de présentation

  Les événements sont généralement utilisés pour l''interaction du navigateur et l''utilisateur, apparaissant plus t?t IE et Netscape Navigator, comme un moyen de partager l''élément de calcul de la charge du serveur;

  Le niveau de spécification DOM2 a commencé à essayer d''une manière logique standardisée événement DOM;

  IE9 / Firefox / Opera / Safari et Chrome ont tous mis en ?uvre le noyau du module ? des événements au niveau DOM2 ?;

  Avant navigateur IE8 utilise toujours son modèle d''événement exclusif;

  modèle d''événement JavaScript, il existe trois: modèle en ligne / script modèle et modèle DOM2;

  Deux modèles en ligne (gestionnaires d''événements HTML)

  Ce modèle est le plus traditionnel de la fa?on la plus simple pour gérer l''événement;

  modèle en ligne, le gestionnaire d''événements est un attribut des balises HTML, pour le traitement d''un événement spécifié;

  Bien que l''utilisation précoce de la ligne plus, mais il est mélangé et HTML écrit, et non séparé du HTML;

  En HTML, le gestionnaire d''événements exécute le code JS comme un attribut;

   Notez que les guillemets simples ou doubles;

  En HTML, le gestionnaire d''événements en tant qu''attribut pour exécuter la fonction JS;

   Exécution de la fonction de JS;

  PS: fonction fenêtre pas mis.onload intérieur, donc hors de la vue;

  modèle à trois scripts (gestionnaire d''événements de niveau DOM0)

  // Parce que le modèle en ligne viole le principe de séparation des niveaux de code HTML et JavaScript de;

  // nous pouvons gérer les événements en JavaScript, cette approche est le modèle de script;

  entrée var = Document.getElementsByTagName ( ''entrée'') [0]; // obtenir des objets d''entrée;

  contribution.onclick = function () {// fonction anonyme exécutée;

  alert ( ''Lee'');

  }

  // PS: En fonction anonyme, il peut déclencher directement le code correspondant;

  // Vous pouvez également exécuter la fonction (nom de la fonction assignée ne dites pas entre parenthèses) en spécifiant l''attribution de nom de la fonction;

  contribution.onclick = bo?te; // fonction anonyme affecté au gestionnaire d''événement;

  contribution.onclick = null; // supprimer un gestionnaire d''événements;

  gestionnaire d''événements Quatre

  // types d''événements JavaScript qui peuvent être traitées comme suit: événement souris / événements clavier / événements HTML;

  JavaScript gestionnaire d''événements et utilisez la liste

  Lorsque les éléments de gestionnaire d''événements influencent l''apparition

  onabort image lorsque la charge de l''image est interrompue;

  onblur fenêtre / cadre / tous les objets de formeeulaire à partir du moment où l''objet est retiré de l''objet;

  onchange bo?te d''entrée / bo?tes pour sélectionner / changer la valeur du champ de texte quand un élément perd le focus, et;

  onclick lien / bouton / form objet / image, etc. Lorsque l''utilisateur clique sur l''objet;

  ondblclick lien / bouton / form objet lors d''un double-clic sur un utilisateur;

  Lorsque ondragdrop fenêtre quand l''objet utilisateur sur une fenêtre de navigateur;

  Lorsque onError fenêtre / cadre / tout objet de forme lorsque l''erreur de syntaxe de script se produit;

  onfocus fenêtre / cadre / tous les objets de forme lorsque l''on clique avec la souris ou de la souris ou de déplacer la mise au point sur le cadre de fenêtre;

  Document onkeydown / image / lien / formulaire lorsque la touche est pressée;

  Document onkeypress / image / connexion / feuille lorsque la touche est enfoncée et la libération;

  onkeyup Document / image / liens / heure lorsque la clé est la forme libérée;

  onload set / image corps / trame après le chargement d''un document ou d''une image;

  Après document frameset corps onunload / cadre ou ensemble de déchargement;

  lorsque l''ic?ne de lien onmouseout à supprimer lorsque le lien;

  onmouseover lien lorsque la souris sur le lien;

  OnMove fenêtre lorsque la fenêtre du navigateur mobile;

  forme onreset bouton de réinitialisation, cliquez sur le bouton de réinitialisation de formulaire;

  OnResize fenêtre lors du changement de la taille de la fenêtre du navigateur;

  les éléments de forme onSelect lors de la sélection d''un objet de forme;

  onsubmit forme lorsqu''il est envoyé vers le serveur de table;

  // PS: Pour chaque événement, il a sa propre gamme et le mode de déclenchement, la gestion des événements échouera;

  1.Les événements de souris, tous les éléments de la page peuvent déclencher

  (1).cliquez sur: Se déclenche lorsque l''utilisateur clique sur un bouton de la souris ou appuyez sur la touche Entrée;

  contribution.onclick = function () {

  alert ( ''Lee'');

  };

  (2).dblclick: déclenche lorsque l''utilisateur double clique sur le bouton de la souris;

  contribution.ondblclick = function () {

  alert ( ''Lee'');

  }

  (3).mouseDown: Se déclenche lorsque l''utilisateur appuie sur la souris a pas rebondir;

  contribution.onmousedown = function () {

  alert ( ''Lee'');

  }

  (4) mouseup: déclenche lorsque l''utilisateur relache le bouton de la souris;

  contribution.onmouseup = function () {

  alert ( ''Lee'');

  }

  (5).mouseover: déclenche lorsque la souris est déplacée sur l''élément;

  contribution.onmouseover = function () {

  alert ( ''Lee'');

  }

  (6).mouseout: Déclenché lorsque la souris sur un élément supérieur;

  contribution.onmouseout = function () {

  alert ( ''Lee'');

  }

  (7).mousemove: déclenche lorsque le pointeur de la souris sur l''élément;

  contribution.onmousemove = function () {

  alert ( ''Lee'');

  }

  2.événements clavier

  (1).keydown: Lorsque l''utilisateur appuie sur une touche sur la gachette du clavier, si pressé, déclenche en double;

  onkeydown = function () {

  alert ( ''Lee'');

  }

  (2).chaque touche: Lorsque l''utilisateur appuie sur une touche de caractère sur la gachette du clavier, si pressé, répétera déclencheur;

  onkeypress = function () {

  alert ( ''Lee'');

  }

  (3).keyup: Lorsque l''utilisateur relache la touche de déclenchement sur le clavier;

  onkeyup = function () {

  alert ( ''Lee'');

  }

  3.évènements HTML

  (1).charge: Lorsque la page est entièrement chargée (y compris toutes les images ressources externes / fichier JavaScript / fichiers CSS, etc.), il déclenche la fenêtre ci-dessus l''événement de chargement;

  fenêtre.onload = function () {

  alert ( ''Lee'');

  }

  // charge l''image ci-dessus peut également des événements de déclenchement, les deux éléments d''image dans les DOM d''éléments HTML ou image;

  // vous pouvez spécifier si le gestionnaire d''événements onload dans le code HTML pour toute image;

  

  // PS: nouveaux éléments d''image ne sont pas nécessairement ajoutées au document téléchargé à partir du début avant, tant que l''ensemble de l''attribut src va commencer à télécharger;

  //