Événements de clavier JavaScript
Les événements qui se produisent lorsqu'une touche de clavier est enfoncée sont appelés événements de clavier JavaScript et celles-ci font partie de l'objet clavier. Les événements qui relèvent de la catégorie des événements du clavier sont:
Ici, nous allons allumer ces événements susmentionnés en détail.
événement onkeydown
Lorsqu'une touche de clavier est appuyée sur l'événement Onkeydown se produit. Il bubble et est également annule. Cet événement prend en charge toutes les balises HTML autres que , ,
, , ,
Syntaxe
La syntaxe de l'événement OneKeydown est la suivante
Syntaxe HTML
Syntaxe JavaScript
objet.onKeyDown = function () script;
Syntaxe javascript addeventListener ()
objet.addEventListener («keydown», script);
Exemple
Dans l'exemple ci-dessus, un champ de saisie a été créé. Alors qu'à l'intérieur du champ de saisie, lorsque l'utilisateur appuie sur une touche de clavier, l'événement onkedown se déclenche et la couleur d'arrière-plan du champ de saisie passera en rose.
Sortir
Avant d'appuyer sur une touche de clavier.
Après avoir appuyé sur une touche de clavier à l'intérieur du champ de saisie.
Événement OnKeyPress
Lorsqu'une touche de clavier est appuyée sur l'événement OnKeyPress. Il bubble et est également annule. Cet événement prend en charge toutes les balises HTML autres que , ,
, , ,
Syntaxe
La syntaxe de l'événement OneKeyPress est la suivante
Syntaxe HTML
Syntaxe JavaScript
objet.onKeyPress = function () script;
Syntaxe javascript addeventListener ()
objet.addEventListener («keypress», script);
Exemple
Dans l'exemple ci-dessus, un champ de saisie est en cours. Lorsqu'un utilisateur appuie sur une touche de clavier tout en étant à l'intérieur du champ de saisie, l'événement OnKeyPress se produira et la couleur d'arrière-plan du champ de saisie passera en rose.
Sortir
Avant d'appuyer sur une touche.
Après avoir appuyé sur une touche de clavier, la couleur du fond du champ de saisie change en rose.
événement onkeyup
Lorsqu'une touche de clavier est publiée, l'événement OnkeyUp se produit. Il bubble et est également annule. Cet événement prend en charge toutes les balises HTML autres que , ,
, , ,
Syntaxe
La syntaxe de l'événement OneKeyUps est la suivante
Syntaxe HTML
Syntaxe JavaScript
objet.onKeyUp = function () script;
Syntaxe javascript addeventListener ()
objet.addEventListener («Keyup», script);
Exemple
Dans l'exemple ci-dessus, les événements OnKeyDown et OnkeyUp sont démontrés. Un champ de saisie est en cours de création. Lorsque vous appuyez sur une touche, l'événement onkedown est déclenché et la couleur de fond du champ de saisie se transformera en rose et lorsque vous libérez une clé, l'événement OnkeyUp déclenchera et la couleur de fond deviendra jaune.
Sortir
Lorsque l'utilisateur appuie sur une touche dans le champ de saisie.
Après avoir libéré la clé.
Conclusion
Les événements qui se produisent en raison de l'appuyer sur un bouton du clavier sont appelés événements de souris JavaScript. Les événements qui sont classés dans la catégorie des événements de clavier JavaScript sont un événement onkeydown, un événement onkeypress, un événement onkeyup. Tous ces événements ont des objectifs différents, et ils sont discutés en détail avec des exemples appropriés, dans cet article.