objet événement HTML DOM
événement HTML DOM
événement HTML DOM permet Javascript registre différents gestionnaires d'événements dans un élément de document HTML.
Événements souvent utilisés en conjonction avec la fonction, la fonction ne seront pas exécutées avant que l'événement se produit! (Tel que l'utilisateur clique sur le bouton).
Astuce: modèle d'événement standardisé W3C Niveau 2 événement DOM.
événement HTML DOM
DOM: attribut DOM indique le niveau d'utilisation.
Les événements de souris
propriété | description | DOM |
---|
onclick | Événement appelé lorsqu'un utilisateur clique sur une poignée d'objet. | 2 |
oncontextmenu | Déclenché lorsque l'utilisateur clique sur le bouton droit de la souris pour ouvrir le menu contextuel | |
ondblclick | Event appelée lorsque l'utilisateur double-clique sur une poignée d'objet. | 2 |
onmousedown | Bouton de la souris est enfoncé. | 2 |
OnMouseEnter | Se déclenche lorsque le pointeur de la souris se déplace sur les éléments. | 2 |
OnMouseLeave | Lorsque le pointeur de la souris se déplace hors de l'élément de déclenchement | 2 |
onmousemove | La souris est déplacée. | 2 |
onmouseover | Passez la souris sur un élément. | 2 |
onmouseout | Souris loin d'un élément. | 2 |
onmouseup | Le bouton de la souris est relâché. | 2 |
Les événements clavier
Cadre / Objet (Frame / Object) événement
Evénements formulaire
les événements du Presse-papiers
propriété | description | DOM |
---|
oncopy | L'événement est déclenché lorsque l'utilisateur copie le contenu de l'élément | |
oncut | L'événement est déclenché lorsque le cisaillement contenu de l'élément d'utilisateur | |
onpaste | L'événement est déclenché lorsque l'utilisateur coller le contenu de l'élément | |
Imprimer Evénement
propriété | description | DOM |
---|
onafterprint | L'événement déclencheur a déjà commencé à imprimer la page, ou imprimer la fenêtre est déjà fermé | |
onbeforeprint | L'événement est déclenché lorsque la page est sur le point de lancer l'impression | |
événement Drag
événement | description | DOM |
---|
ondrag | L'événement est déclenché lorsque l'élément est en cours de déplacement | |
ondragend | L'événement est déclenché lorsque l'utilisateur fait glisser les éléments pour compléter | |
ondragenter | Cet événement est déclenché lorsque l'élément entraîné dans la cible de dépôt | |
OnDragLeave | Cet événement est déclenché lorsque l'élément de déplacement pour quitter la cible de dépôt | |
ondragover | L'événement est déclenché lorsque la cible est placée sur l'élément d'entraînement | |
ondragstart | L'événement est déclenché lorsque l'utilisateur démarre des éléments faisant glisser | |
ondrop | Cet événement est déclenché lorsque l'élément de déplacement est placé dans la zone cible | |
Multimédia (Media) Événement
événement | description | DOM |
---|
onabort | vidéo de l'événement / audio (audio / vidéo) de mettre fin à la gâchette lors du chargement. | |
oncanplay | Lorsque l'événement est déclenché dans l'utilisateur peut commencer la lecture vidéo / audio (audio / vidéo). | |
oncanplaythrough | Evénement déclencheur peut jouer dans la vidéo / audio normale (audio / vidéo) et sans pause et tampon. | |
ondurationchange | vidéo Événement / audio (audio / vidéo) Variation Durée de déclenchement. | |
onemptied | liste Trigger est vide, le joueur actif | |
onended | A la fin du jeu en cas de déclenchement vidéo / audio (audio / vidéo). | |
onerror | Événement déclenché quand une erreur se produit lors de la vidéo / audio (audio / vidéo) les données sont chargées. | |
onloadeddata | Événement dans le navigateur pour charger la vidéo / audio (audio / vidéo) de la trame courante Trigger. | |
onloadedmetadata | métadonnées d'événement spécifié vidéo / audio (audio / vidéo) déclenchement après le chargement. | |
onLoadStart | Événement dans le navigateur pour commencer à regarder la vidéo / audio (audio / vidéo) déclenchement spécifié. | |
OnPause | Evénement déclencheur dans la vidéo / audio (audio / vidéo) Pause. | |
onplay | Événement déclenché pour commencer à jouer la vidéo / audio (audio / vidéo). | |
onplaying | vidéo de l'événement / audio (audio / vidéo) Pause ou après mise en mémoire tampon est déclenchée lorsque vous êtes prêt à commencer à jouer à nouveau. | |
onprogress | Event Trigger (audio / vidéo) spécifiée dans le navigateur pour télécharger la vidéo / audio. | |
onratechange | événement de changement de déclenchement lors de l'envoi de vidéo / audio (audio / vidéo) la vitesse de lecture. | |
onseeked | Dans le cas où l'utilisateur de repositionner la vidéo / audio (audio / vidéo) position de lecture déclenchée. | |
onseeking | Se déclenche lorsque l'utilisateur commence à repositionner l'événement vidéo / audio (audio / vidéo). | |
onstalled | Obtenir des données d'événements des médias dans le navigateur, mais les données des médias ne sont pas disponibles en cas de déclenchement. | |
onsuspend | Événement déclenché la suspension de données multimédia dans le navigateur pour lire. | |
ontimeupdate | Événement déclenché lorsque la position de lecture en cours pour envoyer le changement. | |
onvolumechange | Événement déclenché lorsque le changement de volume. | |
onwaiting | Puisque l'événement est déclenché lorsque la vidéo que vous voulez jouer le tampon de trame suivante est nécessaire. | |
les événements d'animation
événement | description | DOM |
---|
animationend | Cet événement est déclenché lorsque l'animation se termine en jouant CSS | |
animationiteration | Cet événement est déclenché lorsque les animations CSS répètent | |
animationstart | Cet événement est déclenché lorsque l'animation commence à jouer CSS | |
événement de transition
événement | description | DOM |
---|
transitionend | L'événement est déclenché après la CSS pour terminer la transition. | |
D'autres événements
événement | description | DOM |
---|
onmessage | Lorsque l'événement est déclenché par ou à partir d'un objet (WebSocket, Web Worker, Source de l'événement ou d'un sous-cadre ou fenêtre parent) reçoit le message | |
OnMouseWheel | Obsolète. Utilisez onwheel événement substitut | |
ononline | Cet événement est déclenché lorsque le navigateur de travailler en ligne. | |
onoffline | Cet événement est déclenché lorsque le navigateur commence à travailler en mode déconnecté. | |
onpopstate | Cet événement est déclenché lorsque l'historique de navigation (objets d'histoire) de la fenêtre change. | |
onshow | L'événement lorsque l'élément <menu> est affiché dans le menu contextuel déclencheur | |
onstorage | Cet événement est déclenché lorsque Web Storage (HTML 5 magasin de Web) mise à jour | |
ontoggle | L'événement est déclenché lorsque l'utilisateur ouvre ou ferme <détails> élément | |
onwheel | Cet événement est déclenché lorsque la molette de la souris pour faire défiler vers le haut et vers le bas dans l'élément | |
Les objets Event
constante
静态变量 |
描述 |
DOM |
CAPTURING-PHASE |
当前事件阶段为捕获阶段(3) |
1 |
AT-TARGET |
当前事件是目标阶段,在评估目标事件(1) |
2 |
BUBBLING-PHASE |
当前的事件为冒泡阶段 (2) |
3 |
propriété
propriété | description | DOM |
---|
bulles | Renvoie une valeur booléenne qui indique si l'événement est un type d'événement bouillonnant. | 2 |
cancelable | Renvoie une valeur booléenne qui indique si l'événement peut annuler la pro action par défaut. | 2 |
currentTarget | Retourne ses écouteurs d'événements ont déclenché l'élément événement. | 2 |
eventPhase | Retourne le stade actuel de la propagation de l'événement. | 2 |
cible | Retourne l'élément qui a déclenché cet événement (le nœud cible de l'événement). | 2 |
timeStamp | Renvoie la date et l'heure de l'événement généré. | 2 |
type | Retourne le nom de l'événement en cours objet d'événement représente. | 2 |
manière
方法 |
描述 |
DOM |
initEvent() |
初始化新创建的 Event 对象的属性。 |
2 |
preventDefault() |
通知浏览器不要执行与事件关联的默认动作。 |
2 |
stopPropagation() |
不再派发事件。 |
2 |
objet événement cible
manière
方法 |
描述 |
DOM |
addEventListener() |
允许在目标事件中注册监听事件(IE8
= attachEvent()) |
2 |
dispatchEvent() |
允许发送事件到监听器上 (IE8 =
fireEvent()) |
2 |
removeEventListener() |
运行一次注册在事件目标上的监听事件(IE8 =
detachEvent()) |
2 |
Object Event Listener
manière
方法 |
描述 |
DOM |
handleEvent() |
把任意对象注册为事件处理程序 |
2 |
Document Object Event
manière
方法 |
描述 |
DOM |
createEvent() |
|
2 |
Souris / clavier objet événement
propriété
属性 |
描述 |
DOM |
altKey |
返回当事件被触发时,"ALT" 是否被按下。 |
2 |
button |
返回当事件被触发时,哪个鼠标按钮被点击。 |
2 |
clientX |
返回当事件被触发时,鼠标指针的水平坐标。 |
2 |
clientY |
返回当事件被触发时,鼠标指针的垂直坐标。 |
2 |
ctrlKey |
返回当事件被触发时,"CTRL" 键是否被按下。 |
2 |
Location |
返回按键在设备上的位置 |
3 |
charCode | 返回onkeypress事件触发键值的字母代码。 | 2 |
key | 在按下按键时返回按键的标识符。 | 3 |
keyCode | 返回onkeypress事件触发的键的值的字符代码,或者 onkeydown 或 onkeyup 事件的键的代码。 | 2 |
which | 返回onkeypress事件触发的键的值的字符代码,或者 onkeydown 或 onkeyup 事件的键的代码。 | 2 |
metaKey |
返回当事件被触发时,"meta" 键是否被按下。 |
2 |
relatedTarget |
返回与事件的目标节点相关的节点。 |
2 |
screenX |
返回当某个事件被触发时,鼠标指针的水平坐标。 |
2 |
screenY |
返回当某个事件被触发时,鼠标指针的垂直坐标。 |
2 |
shiftKey |
返回当事件被触发时,"SHIFT" 键是否被按下。 |
2 |
manière
方法 |
描述 |
W3C |
initMouseEvent() |
初始化鼠标事件对象的值 |
2 |
initKeyboardEvent() |
初始化键盘事件对象的值 |
3 |