Maison > Article > interface Web > Quels sont les événements courants en javascript
Événements JavaScript courants : clic, dblclick, mouseup, mouseout, keypress, keydown, keyup, erreur, chargement, redimensionnement, déchargement, flou, changement, focus, réinitialisation, etc.
L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.
Une fonctionnalité de base de JavaScript est pilotée par les événements. Ce que l'on appelle l'événementiel signifie que lorsque l'utilisateur effectue une certaine opération ou que l'interaction entre Javascript et HTML entraîne un certain changement d'état, une série d'exécutions de réponses du programme sera déclenchée. Ici, l'opération de l'utilisateur est appelée un événement et la réponse du programme à l'événement est appelée un traitement événementiel.
Le traitement des événements fait référence à la réponse du programme aux événements. Les événements, pour JavaScript, sont des opérations qui se produisent lorsque l'utilisateur interagit avec une page Web ou des éléments qui changent un certain état après l'interaction entre Javascript et HTML, comme déplacer la souris, appuyer sur une touche, cliquer sur un bouton, etc., et exprimant Ajax L'état de fonctionnement change, indiquant que l'animation est terminée, etc. Le programme impliqué dans la gestion des événements est appelé gestionnaire d'événements. Les gestionnaires d'événements sont généralement définis comme des fonctions.
Les éléments d'interface qui génèrent des événements dans une page Web sont appelés sources d'événements. Le même type d'événements peut être généré sur différentes sources d'événements, et la même source d'événements peut également générer différents types d'événements. Le programme JS spécifie le type d'événement et la source de l'événement, et lie un gestionnaire d'événements à la source d'événements. De cette manière, une fois qu'un événement d'un type spécifié se produit dans la source d'événements, le navigateur appellera le gestionnaire lié à la source d'événements pour. traitement des événements. Ainsi, le travail impliqué dans le traitement des événements inclut la définition des gestionnaires d'événements et leur liaison.
Sur une page Web, il existe de nombreuses opérations que les utilisateurs peuvent effectuer, et chaque opération générera un événement. Permettez-moi de vous présenter quelques événements courants en JavaScript.
事件 | 描述 | |
---|---|---|
鼠标事件 | click | 用户单击鼠标时触发此事件 |
dblclick | 用户双击鼠标时触发此事件 | |
mousedown | 用户按下鼠标时触发此事件 | |
mouseup | 用户按下鼠标后松开鼠标时触发此事件 | |
mouseover | 当用户将鼠标的光标移动到某对象范围的上方时触发此事件 | |
mousemove | 用户移动鼠标时触发此事件 | |
mouseout | 当用户鼠标的光标离开某对象范围时触发此事件 | |
mousewheel | 当滚动鼠标滚轮时发生此事件,只针对 IE 和 Chrome 有效 | |
DOMMouseScroll | 当滚动鼠标滚轮时发生此事件,针对标准浏览器有效 | |
键盘事件 | keypress | 当用户键盘上的某个字符键被按下时触发此事件 |
keydown | 当用户键盘上某个按键被按下时触发此事件 | |
keyup | 当用户键盘上某个按键被按下后松开时触发此事件 | |
窗口事件 | error | 加载文件或图像发生错误时触发此事件 |
load | 页面内容加载完成时触发此事件 | |
resize | 当浏览器的窗口大小被改变时触发此事件 | |
unload | 当前页面关闭或退出时触发此事件 | |
表单事件 | blur | 当表单元素失去焦点时触发此事件 |
click | 用户单击复选框、单选框、普通按钮、提交按钮和重置按钮等按钮时触发此事件 | |
change | 表单元素的内容发生改变并且元素失去焦点时触发此事件 | |
focus | 当表单元素获得焦点时触发此事件 | |
reset | 用户单击表单上的重置按钮时触发此事件 | |
select | 用户选择了一个 input 或 textarea 表单元素中的文本时触发此事件 | |
submit | 用户单击提交按钮提交表单时触发此事件 |
[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!