Latest web development tutorials

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

属性 描述 DOM
onkeydown 某个键盘按键被按下。 2
onkeypress 某个键盘按键被按下并松开。 2
onkeyup 某个键盘按键被松开。 2

Cadre / Objet (Frame / Object) événement

属性 描述 DOM
onabort 图像的加载被中断。 ( <object>) 2
onbeforeunload 该事件在即将离开页面（刷新或关闭）时触发 2
onerror 在加载文档或图像时发生错误。 ( <object>, <body>和 <frameset>)
onhashchange 该事件在当前 URL 的锚部分发生修改时触发。
onload 一张页面或一幅图像完成加载。 2
onpageshow 该事件在用户访问页面时触发
onpagehide 该事件在用户离开当前网页跳转到另外一个页面时触发
onresize 窗口或框架被重新调整大小。 2
onscroll 当文档被滚动时发生的事件。 2
onunload 用户退出页面。 ( <body> 和 <frameset>) 2

Evénements formulaire

属性 描述 DOM
onblur 元素失去焦点时触发 2
onchange 该事件在表单元素的内容改变时触发( <input>, <keygen>, <select>, 和 <textarea>) 2
onfocus 元素获取焦点时触发 2
onfocusin 元素即将获取焦点时触发 2
onfocusout 元素即将失去焦点时触发 2
oninput 元素获取用户输入时触发 3
onreset 表单重置时触发 2
onsearch 用户向搜索域输入文本时触发 ( <input="search">)  
onselect 用户选取文本时触发 ( <input> 和 <textarea>) 2
onsubmit 表单提交时触发 2

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