D'accord, nous reviendrons.
Nous avons donc une méthode de moins dont je veux parler.
Comme je l'ai mentionné dans la vidéo d'introduction à J Corée événements la méthode on est ce que nous allons utiliser.
Quatre-vingt-dix-neuf pour cent du temps, il est de loin la méthode la plus utilisée Jay queery événement.
D'ACCORD.
Alors parlons de la façon dont il fonctionne sur est très similaire à la vanille.
Oui un auditeur d'événement.
Évidemment, c'est beaucoup plus court.
Il ne s'agit que de deux personnages mais il se comporte de la même façon que nous lui donnons le nom de l'événement que nous voulons l'écouter.
Ainsi, contrairement au clic ou à la pression des touches, qui ne déclenchera qu'un seul type d'événement, un clic ou un appui sur les touches permet de spécifier si nous faisons un clic comme nous le faisons ici, soumettez sur clic ou si nous faisons un double clic Comme je l'ai ici bouton sur double clic ou un début glisser ou une pression sur les touches de sorte qu'il peut prendre la place de toutes les choses que vous avez déjà vu avec clic et appuyez sur les touches et toutes les autres méthodes ici.
Il ya une tonne d'entre eux comme le défilement et soumettre et appuyez sur la touche de touche creeky up key down.
Tout cela peut être fait avec juste la méthode on.
Il fonctionne à peu près de la même manière cependant où nous devons sélectionner quelque chose avec le signe dollar d'abord.
Donc je vais vous montrer un exemple ici.
Nous sélectionnons quelque chose dans ce cas, tous les enseignants à l'intérieur du corps à l'intérieur de quelque chose avec l'idée de table de données et puis nous l'exécuter sur et puis le type de l'événement.
Donc, c'est nouveau par rapport à cliquer et appuyez sur les touches qui ne prennent une fonction de rappel.
Nous devons préciser quel événement nous écoutons.
Donc cliquez dans ce cas et puis virgule la fonction de rappel.
Nous voulons être dirigés.
Alors essayons ceci pour rafraîchir ma page.
Mon AJ a extrait la démo.
Donc, nous n'avons pas d'auditeurs de clic, donc pas de clics, nous n'avons pas de touches pressées.
Rien ne se passe sur nos boutons non plus.
Allons essayer d'ajouter quelques auditeurs rapides d'abord.
Changeons la couleur du H-1 lorsque nous cliquons dessus.
Donc, nous devons sélectionner chacun d'eux et ensuite nous allons faire sur le premier argument est le type d'événement qui est rapide et puis notre fonction de rappel.
Et à l'intérieur de la fonction de rappel si nous voulions changer la couleur de la H-1, nous pourrions faire quelque chose comme ça, où nous disons simplement H-1 gutsiest nous Color Purple et voir si vous pouvez penser pourquoi cela pourrait être un problème.
Alors je vais frapper entrer et il fonctionne très bien il devient violet, mais je vais copier ce code et rafraîchir la page et je vais ajouter dans un autre H-1 trois d'entre eux et enregistrer.
Maintenant nous avons trois H-1.
Et si je lance ce code à nouveau, dit tout H-1 lorsque nous cliquons sur lui changer tous les h pour être violet.
Alors je vais essayer.
Ils changent tous en pourpre qui est peut-être une fonctionnalité que nous voulons, mais la plupart du temps, nous voulons affecter l'un élément que nous cliquons sur.
Donc, pour ce faire, tous les rafraîchissements, nous devons utiliser le mot-clé this et n'oubliez pas qu'il doit être l'enveloppe de requête J pour cela.
Donc, les parenthèses signes dollar cela et cela se réfère à la H-1 ou la seule chose qui a été cliqué sur.
Et maintenant, si je frappe entrer et j'essaie de cliquer sur le correctif H-1 change en violet.
OK, c'est ainsi que nous pouvons utiliser sur pour faire un clic.
Maintenant, voyons comment l'utiliser pour une touche de presse.
Nous allons donc sélectionner notre entrée comme ce point sur et puis nous ajouterons la pression des touches et le second argument est la fonction de rappel et nous allons simplement faire un simple compte de conses.
Donc, annulez la touche de log appuyée juste comme ça et nous allons frapper entrer.
Maintenant, si je vais dactylographier une clé ici je reçois qu'il appuyé chaque fois que je tape une clé.
Essayons un autre type d'événement ici je vais rafraîchir.
Faisons quelque chose quand on plane sur un bouton.
Nous allons changer la police à être en gras lorsque je planer.
Donc, nous devons d'abord sélectionner tous les boutons juste comme ça, puis ajouter notre sur.
Et l'événement que nous allons utiliser est appelé Souris entrer.
Juste comme ça.
Et nous allons commencer par annuler la journalisation lorsque la souris entre.
Donc, nous allons faire une souris de log intégré entrer comme ça.
Et maintenant, si je me retourne, j'obtiens une souris entrer comme ça.
Et ce n'est que lorsque nous entrons dans l'élément.
Donc, il ne continue pas à déclencher encore et encore jusqu'à ce que je parte et de revenir.
D'ACCORD.
Donc quand nous faisons entrer la souris, nous ne vais pas vouloir constamment se connecter.
Nous allons vouloir sélectionner le wrapper J très pour cela et faire le SS trop gras quelque chose dont nous avons besoin pour changer le poids de la police.
Donc, des manières amusantes et nous allons faire ce pli juste comme ça et frapper entrer.
Maintenant, si je flotte, il est difficile de voir ce qu'il change d'être audacieux.
Bien sûr, il reste audacieux, il ne change jamais en arrière.
Donc, nous pourrions ajouter cette fonctionnalité en faisant la même chose avec le bouton sur la souris laisser qui est un autre événement et puis plutôt que de le changer au poids de la police.
Audacieux.
Nous pouvons le changer normalement comme ça.
Maintenant, si je le laisse revenir à la normale.
Et si j'entre comme audacieux je laisse c'est normal.
Donc, c'est la façon dont nous pourrions faire quelque chose avec javascript pour faire une sorte d'effet de sélection hover.
Cependant, avec CSSA maintenant, nous pouvons facilement faire cela sans aucun javascript du tout avec le sélecteur pseudo hover.
Et je voulais simplement démontrer qu'il y a d'autres événements là-bas.
Donc, tous les événements que nous pourrions utiliser avec un écouteur d'événement que nous pouvons utiliser avec qui le rend vraiment vraiment utile.
Comme je l'ai mentionné, nous allons l'utiliser tout le temps.
Donc, il ya un dernier point que je voudrais faire à propos de et comme un exemple que je vais utiliser.
Cliquez et sur.
Cliquez et dites comment ils sont légèrement différents.
Donc, ils les deux vont généralement travailler pour vous.
Ils ajouteront un écouteur rapide mais il ya une petite différence qui est que le clic n'ajoutera que les écouteurs de clic pour les éléments qui sont sur la page à ce moment-là.
Et le clic permet d'ajouter des auditeurs pour tous les éléments futurs ou des éléments futurs potentiels.
Donc, cela fera sens lorsque vous faites la liste à faire.
Mais fondamentalement, nous avons besoin d'utiliser le point sur le clic plutôt que de cliquer, car nous allons avoir à faire qui sont ajoutés à la page qui ne sont pas là quand la page charge un utilisateur tape dans un formulaire et les coups entrent.
Et cela fera un nouveau à faire et nous voulons que les nouveaux à faire d'avoir leurs propres écouteurs clic.
Donc, nous devons utiliser à nouveau qui aura plus de sens quand nous avons commencé à faire la liste.