Latest web development tutorials

HTML-DOM Event-Objekt

HTML DOM-Ereignis

HTML DOM-Ereignis ermöglicht Javascript verschiedene Event-Handler in einem HTML-Dokument Element registrieren.

Ereignisse häufig in Verbindung mit der Funktion verwendet wird, wird nicht die Funktion ausgeführt werden, bevor das Ereignis eintritt! (Wie der Benutzer klickt auf die Schaltfläche).

Tipp: standardisierte Ereignismodell in W3C Ebene 2 DOM - Ereignis.

HTML DOM-Ereignis

DOM: DOM - Attribut gibt den Grad der Nutzung.

Mausereignisse

Immobilien Beschreibung DOM
Onclick Ereignis aufgerufen, wenn ein Benutzer klickt auf ein Objekt-Handle. 2
oncontextmenu Ausgelöst, wenn der Benutzer mit der rechten Maustaste klickt, um das Kontextmenü zu öffnen
ondblclick Ereignis aufgerufen, wenn der Benutzer doppelklickt ein Objekt-Handle. 2
onmousedown Maustaste gedrückt wird. 2
OnMouseEnter Wird ausgelöst, wenn der Mauszeiger bewegt sich auf die Elemente. 2
OnMouseLeave Wenn der Mauszeiger bewegt sich aus dem Auslöseelement 2
onmousemove Die Maus bewegt wird. 2
onmouseover Maus über ein Element. 2
onmouseout Maus weg von einem Element. 2
onmouseup Die Maustaste losgelassen wird. 2

Tastaturereignisse

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

Frame / Object (Rahmen / Object) Ereignis

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

Formularereignisse

属性 描述 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

Zwischenablage Veranstaltungen

Immobilien Beschreibung DOM
oncopy Das Ereignis wird ausgelöst, wenn der Benutzer Kopien der Elementinhalt
oncut Das Ereignis wird ausgelöst, wenn der Benutzer Scherelementinhalt
onpaste Das Ereignis wird ausgelöst, wenn der Benutzer das Element Inhalt einfügen

drucken Veranstaltung

Immobilien Beschreibung DOM
Onafterprint Das Triggerereignis hat bereits begonnen, die Seite gedruckt wird, oder das Fenster drucken ist bereits geschlossen
OnBeforePrint Das Ereignis wird ausgelöst, wenn die Seite über ist das Drucken zu starten

Ziehen Ereignis

Ereignis Beschreibung DOM
ondrag Das Ereignis wird ausgelöst, wenn das Element gezogen wird
ondragend Das Ereignis wird ausgelöst, wenn der Benutzer die Elemente schleppt abzuschließen
OnDragEnter Dieses Ereignis wird ausgelöst, wenn das Element in das Drop-Ziel geschleppt
OnDragLeave Dieses Ereignis wird ausgelöst, wenn die Schleppelement das Drop-Ziel zu verlassen
OnDragOver Das Ereignis wird ausgelöst, wenn das Ziel auf dem Schleppelement platziert wird
onDragStart Das Ereignis wird ausgelöst, wenn der Benutzer beginnt, Elemente verschieben
ondrop Dieses Ereignis wird ausgelöst, wenn das Schleppelement in dem Zielbereich angeordnet ist

Multimedia (Medien) Ereignis

Ereignis Beschreibung DOM
onabort Event-Video / Audio (Audio / Video) Trigger zu beenden, wenn das Laden.
oncanplay Wenn das Ereignis in der Benutzer ausgelöst kann der Wiedergabe von Video / Audio (Audio / Video) starten.
oncanplaythrough Triggerereignis kann in normalen Video / Audio (Audio / Video) und ohne Pause und Puffer spielen.
ondurationchange Event-Video / Audio (Audio / Video) Dauer Trigger ändern.
onemptied Trigger-Liste ist leer, der aktuelle Spieler
onended Am Ende des Spiels in der Ereignisauslöser Video / Audio (Audio / Video).
onerror Ereignis ausgelöst, wenn ein Fehler auftritt, während der Video / Audio (Audio / Video) Daten geladen.
onloadeddata Ereignis im Browser das Video / Audio (Audio / Video) Trigger aktuellen Frame zu laden.
onloadedmetadata Event-Metadaten angegeben Video / Audio (Audio / Video) Trigger nach dem Laden.
onLoadStart Ereignis im Browser zu starten angegeben Video / Audio (Audio / Video) Trigger suchen.
OnPause Triggerereignis in der Video / Audio (Audio / Video) Pause.
onplay Ereignis ausgelöst, um die Video / Audio (Audio / Video) zu starten.
onplaying Event-Video / Audio (Audio / Video) Pause oder nach der Pufferung ausgelöst wird, wenn bereit, wieder zu spielen beginnen.
OnProgress Ereignis-Trigger (Audio / Video) im Browser angegeben Video / Audio herunterladen.
onratechange Trigger-Änderungsereignis beim Senden von Video / Audio (Audio / Video) Wiedergabegeschwindigkeit.
onseeked Im ereignisgetriggerten der Benutzer das Video- / Audio (Audio / Video) Wiedergabeposition zu repositionieren.
onseeking Wird ausgelöst, wenn der Benutzer beginnt, Ereignis-Video / Audio (Audio / Video) neu zu positionieren.
onstalled Holen Medienereignisdaten im Browser, aber die Mediendaten ist nicht verfügbar, wenn sie ausgelöst wird.
onsuspend Ereignisgesteuerte Suspension von Mediendaten im Browser zu lesen.
ontimeupdate Ereignis ausgelöst, wenn die aktuelle Abspielposition ändern zu senden.
onvolumechange Ereignis ausgelöst wird, wenn die Lautstärke zu ändern.
OnWaiting Da das Ereignis ausgelöst wird, wenn das Video, das Sie den nächsten Frame-Buffer spielen wollen ist nicht erforderlich.

Animation, Veranstaltungen

Ereignis Beschreibung DOM
animationend Dieses Ereignis wird ausgelöst, wenn die Animation beendet CSS spielen
animationiteration Dieses Ereignis wird ausgelöst, wenn die CSS-Animationen wiederholen
animationstart Dieses Ereignis wird ausgelöst, wenn die Animation startet CSS spielen

Transition Ereignis

Ereignis Beschreibung DOM
transitionend Die Veranstaltung wird nach dem CSS ausgelöst, den Übergang zu vollenden.

Weitere Veranstaltungen

Ereignis Beschreibung DOM
onmessage Wenn das Ereignis durch oder von einem Objekt (WebSocket, Web Worker, Ereignisquelle oder Unterrahmen oder übergeordneten Fenster) ausgelöst wird, erhält die Nachricht
OnMouseWheel Veraltet. Verwenden Sie onwheel Ereignis Ersatz
ononline Dieses Ereignis wird ausgelöst, wenn der Browser online zu arbeiten.
onoffline Dieses Ereignis wird ausgelöst, wenn der Browser gestartet werden soll offline arbeiten.
onpopstate Dieses Ereignis wird ausgelöst, wenn der Browser-Verlauf (History-Objekte) des Fensters ändert.
onshow Das Ereignis, wenn das <Menü> Element im Kontextmenü Trigger angezeigt
onstorage Dieses Ereignis wird ausgelöst, wenn Web Storage (HTML 5 Web-Shop) Update
ontoggle Das Ereignis wird ausgelöst, wenn der Benutzer öffnet oder schließt <Details> Element
onwheel Dieses Ereignis wird ausgelöst, wenn das Mausrad, um nach oben und nach unten in Element

Ereignisobjekte

Konstante

静态变量 描述 DOM
CAPTURING-PHASE 当前事件阶段为捕获阶段(3) 1
AT-TARGET 当前事件是目标阶段,在评估目标事件(1) 2
BUBBLING-PHASE 当前的事件为冒泡阶段 (2) 3

Immobilien

Immobilien Beschreibung DOM
Blasen Gibt einen Booleschen Wert, der angibt, ob das Ereignis ein Bubbling-Ereignis-Typ ist. 2
cancelable Gibt einen Booleschen Wert, der angibt, ob das Ereignis die Standardaktion pro stornieren. 2
current Gibt seine Ereignis-Listener das Ereignis Element ausgelöst wird. 2
eventphase Liefert die aktuelle Phase der Veranstaltung zu verbreiten. 2
Ziel Gibt das Element, das dieses Ereignis (das Ereignis Zielknoten) ausgelöst. 2
timestamp Gibt das Datum und die Uhrzeit des Ereignisses erzeugt. 2
Typ Gibt den Namen des aktuellen Ereignisses Event-Objekt darstellt. 2

Weg

方法 描述 DOM
initEvent() 初始化新创建的 Event 对象的属性。 2
preventDefault() 通知浏览器不要执行与事件关联的默认动作。 2
stopPropagation() 不再派发事件。 2

Zielereignisobjekt

Weg

方法 描述 DOM
addEventListener() 允许在目标事件中注册监听事件(IE8 = attachEvent()) 2
dispatchEvent() 允许发送事件到监听器上 (IE8 = fireEvent()) 2
removeEventListener() 运行一次注册在事件目标上的监听事件(IE8 = detachEvent()) 2

Objekt Ereignis Listener

Weg

方法 描述 DOM
handleEvent() 把任意对象注册为事件处理程序 2

Document Object Event

Weg

方法 描述 DOM
createEvent() 2

Maus / Tastatur-Ereignis Objekt

Immobilien

属性 描述 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

Weg

方法 描述 W3C
initMouseEvent() 初始化鼠标事件对象的值 2
initKeyboardEvent() 初始化键盘事件对象的值 3