happy-dom 7.3.0 → 7.5.0

package/src/nodes/document/Document.ts

@@ -51,7 +51,6 @@ const PROCESSING_INSTRUCTION_TARGET_REGEXP = /^[a-z][a-z0-9-]+$/;
  */
 export default class Document extends Node implements IDocument {
 	public static _defaultView: IWindow = null;
-	public onreadystatechange: (event: Event) => void = null;
 	public nodeType = Node.DOCUMENT_NODE;
 	public adoptedStyleSheets: CSSStyleSheet[] = [];
 	public implementation: DOMImplementation;
@@ -61,11 +60,126 @@ export default class Document extends Node implements IDocument {
 	public readonly defaultView: IWindow;
 	public readonly _readyStateManager: DocumentReadyStateManager;
 	public _activeElement: IHTMLElement = null;
+
+	// Used as an unique identifier which is updated whenever the DOM gets modified.
+	public _cacheID = 0;
+
 	protected _isFirstWrite = true;
 	protected _isFirstWriteAfterOpen = false;
 	private _cookie = '';
 	private _selection: Selection = null;
 
+	// Events
+	public onreadystatechange: (event: Event) => void = null;
+	public onpointerlockchange: (event: Event) => void = null;
+	public onpointerlockerror: (event: Event) => void = null;
+	public onbeforecopy: (event: Event) => void = null;
+	public onbeforecut: (event: Event) => void = null;
+	public onbeforepaste: (event: Event) => void = null;
+	public onfreeze: (event: Event) => void = null;
+	public onresume: (event: Event) => void = null;
+	public onsearch: (event: Event) => void = null;
+	public onvisibilitychange: (event: Event) => void = null;
+	public onfullscreenchange: (event: Event) => void = null;
+	public onfullscreenerror: (event: Event) => void = null;
+	public onwebkitfullscreenchange: (event: Event) => void = null;
+	public onwebkitfullscreenerror: (event: Event) => void = null;
+	public onbeforexrselect: (event: Event) => void = null;
+	public onabort: (event: Event) => void = null;
+	public onbeforeinput: (event: Event) => void = null;
+	public onblur: (event: Event) => void = null;
+	public oncancel: (event: Event) => void = null;
+	public oncanplay: (event: Event) => void = null;
+	public oncanplaythrough: (event: Event) => void = null;
+	public onchange: (event: Event) => void = null;
+	public onclick: (event: Event) => void = null;
+	public onclose: (event: Event) => void = null;
+	public oncontextlost: (event: Event) => void = null;
+	public oncontextmenu: (event: Event) => void = null;
+	public oncontextrestored: (event: Event) => void = null;
+	public oncuechange: (event: Event) => void = null;
+	public ondblclick: (event: Event) => void = null;
+	public ondrag: (event: Event) => void = null;
+	public ondragend: (event: Event) => void = null;
+	public ondragenter: (event: Event) => void = null;
+	public ondragleave: (event: Event) => void = null;
+	public ondragover: (event: Event) => void = null;
+	public ondragstart: (event: Event) => void = null;
+	public ondrop: (event: Event) => void = null;
+	public ondurationchange: (event: Event) => void = null;
+	public onemptied: (event: Event) => void = null;
+	public onended: (event: Event) => void = null;
+	public onerror: (event: Event) => void = null;
+	public onfocus: (event: Event) => void = null;
+	public onformdata: (event: Event) => void = null;
+	public oninput: (event: Event) => void = null;
+	public oninvalid: (event: Event) => void = null;
+	public onkeydown: (event: Event) => void = null;
+	public onkeypress: (event: Event) => void = null;
+	public onkeyup: (event: Event) => void = null;
+	public onload: (event: Event) => void = null;
+	public onloadeddata: (event: Event) => void = null;
+	public onloadedmetadata: (event: Event) => void = null;
+	public onloadstart: (event: Event) => void = null;
+	public onmousedown: (event: Event) => void = null;
+	public onmouseenter: (event: Event) => void = null;
+	public onmouseleave: (event: Event) => void = null;
+	public onmousemove: (event: Event) => void = null;
+	public onmouseout: (event: Event) => void = null;
+	public onmouseover: (event: Event) => void = null;
+	public onmouseup: (event: Event) => void = null;
+	public onmousewheel: (event: Event) => void = null;
+	public onpause: (event: Event) => void = null;
+	public onplay: (event: Event) => void = null;
+	public onplaying: (event: Event) => void = null;
+	public onprogress: (event: Event) => void = null;
+	public onratechange: (event: Event) => void = null;
+	public onreset: (event: Event) => void = null;
+	public onresize: (event: Event) => void = null;
+	public onscroll: (event: Event) => void = null;
+	public onsecuritypolicyviolation: (event: Event) => void = null;
+	public onseeked: (event: Event) => void = null;
+	public onseeking: (event: Event) => void = null;
+	public onselect: (event: Event) => void = null;
+	public onslotchange: (event: Event) => void = null;
+	public onstalled: (event: Event) => void = null;
+	public onsubmit: (event: Event) => void = null;
+	public onsuspend: (event: Event) => void = null;
+	public ontimeupdate: (event: Event) => void = null;
+	public ontoggle: (event: Event) => void = null;
+	public onvolumechange: (event: Event) => void = null;
+	public onwaiting: (event: Event) => void = null;
+	public onwebkitanimationend: (event: Event) => void = null;
+	public onwebkitanimationiteration: (event: Event) => void = null;
+	public onwebkitanimationstart: (event: Event) => void = null;
+	public onwebkittransitionend: (event: Event) => void = null;
+	public onwheel: (event: Event) => void = null;
+	public onauxclick: (event: Event) => void = null;
+	public ongotpointercapture: (event: Event) => void = null;
+	public onlostpointercapture: (event: Event) => void = null;
+	public onpointerdown: (event: Event) => void = null;
+	public onpointermove: (event: Event) => void = null;
+	public onpointerrawupdate: (event: Event) => void = null;
+	public onpointerup: (event: Event) => void = null;
+	public onpointercancel: (event: Event) => void = null;
+	public onpointerover: (event: Event) => void = null;
+	public onpointerout: (event: Event) => void = null;
+	public onpointerenter: (event: Event) => void = null;
+	public onpointerleave: (event: Event) => void = null;
+	public onselectstart: (event: Event) => void = null;
+	public onselectionchange: (event: Event) => void = null;
+	public onanimationend: (event: Event) => void = null;
+	public onanimationiteration: (event: Event) => void = null;
+	public onanimationstart: (event: Event) => void = null;
+	public ontransitionrun: (event: Event) => void = null;
+	public ontransitionstart: (event: Event) => void = null;
+	public ontransitionend: (event: Event) => void = null;
+	public ontransitioncancel: (event: Event) => void = null;
+	public oncopy: (event: Event) => void = null;
+	public oncut: (event: Event) => void = null;
+	public onpaste: (event: Event) => void = null;
+	public onbeforematch: (event: Event) => void = null;
+
 	/**
 	 * Creates an instance of Document.
 	 *

package/src/nodes/document/IDocument.ts

@@ -25,7 +25,6 @@ import IProcessingInstruction from '../processing-instruction/IProcessingInstruc
  * Document.
  */
 export default interface IDocument extends IParentNode {
-	onreadystatechange: (event: Event) => void;
 	readonly defaultView: IWindow;
 	readonly implementation: DOMImplementation;
 	readonly documentElement: IHTMLElement;
@@ -42,6 +41,117 @@ export default interface IDocument extends IParentNode {
 	readonly characterSet: string;
 	cookie: string;
 
+	// Events
+	onreadystatechange: (event: Event) => void;
+	onpointerlockchange: (event: Event) => void;
+	onpointerlockerror: (event: Event) => void;
+	onbeforecopy: (event: Event) => void;
+	onbeforecut: (event: Event) => void;
+	onbeforepaste: (event: Event) => void;
+	onfreeze: (event: Event) => void;
+	onresume: (event: Event) => void;
+	onsearch: (event: Event) => void;
+	onvisibilitychange: (event: Event) => void;
+	onfullscreenchange: (event: Event) => void;
+	onfullscreenerror: (event: Event) => void;
+	onwebkitfullscreenchange: (event: Event) => void;
+	onwebkitfullscreenerror: (event: Event) => void;
+	onbeforexrselect: (event: Event) => void;
+	onabort: (event: Event) => void;
+	onbeforeinput: (event: Event) => void;
+	onblur: (event: Event) => void;
+	oncancel: (event: Event) => void;
+	oncanplay: (event: Event) => void;
+	oncanplaythrough: (event: Event) => void;
+	onchange: (event: Event) => void;
+	onclick: (event: Event) => void;
+	onclose: (event: Event) => void;
+	oncontextlost: (event: Event) => void;
+	oncontextmenu: (event: Event) => void;
+	oncontextrestored: (event: Event) => void;
+	oncuechange: (event: Event) => void;
+	ondblclick: (event: Event) => void;
+	ondrag: (event: Event) => void;
+	ondragend: (event: Event) => void;
+	ondragenter: (event: Event) => void;
+	ondragleave: (event: Event) => void;
+	ondragover: (event: Event) => void;
+	ondragstart: (event: Event) => void;
+	ondrop: (event: Event) => void;
+	ondurationchange: (event: Event) => void;
+	onemptied: (event: Event) => void;
+	onended: (event: Event) => void;
+	onerror: (event: Event) => void;
+	onfocus: (event: Event) => void;
+	onformdata: (event: Event) => void;
+	oninput: (event: Event) => void;
+	oninvalid: (event: Event) => void;
+	onkeydown: (event: Event) => void;
+	onkeypress: (event: Event) => void;
+	onkeyup: (event: Event) => void;
+	onload: (event: Event) => void;
+	onloadeddata: (event: Event) => void;
+	onloadedmetadata: (event: Event) => void;
+	onloadstart: (event: Event) => void;
+	onmousedown: (event: Event) => void;
+	onmouseenter: (event: Event) => void;
+	onmouseleave: (event: Event) => void;
+	onmousemove: (event: Event) => void;
+	onmouseout: (event: Event) => void;
+	onmouseover: (event: Event) => void;
+	onmouseup: (event: Event) => void;
+	onmousewheel: (event: Event) => void;
+	onpause: (event: Event) => void;
+	onplay: (event: Event) => void;
+	onplaying: (event: Event) => void;
+	onprogress: (event: Event) => void;
+	onratechange: (event: Event) => void;
+	onreset: (event: Event) => void;
+	onresize: (event: Event) => void;
+	onscroll: (event: Event) => void;
+	onsecuritypolicyviolation: (event: Event) => void;
+	onseeked: (event: Event) => void;
+	onseeking: (event: Event) => void;
+	onselect: (event: Event) => void;
+	onslotchange: (event: Event) => void;
+	onstalled: (event: Event) => void;
+	onsubmit: (event: Event) => void;
+	onsuspend: (event: Event) => void;
+	ontimeupdate: (event: Event) => void;
+	ontoggle: (event: Event) => void;
+	onvolumechange: (event: Event) => void;
+	onwaiting: (event: Event) => void;
+	onwebkitanimationend: (event: Event) => void;
+	onwebkitanimationiteration: (event: Event) => void;
+	onwebkitanimationstart: (event: Event) => void;
+	onwebkittransitionend: (event: Event) => void;
+	onwheel: (event: Event) => void;
+	onauxclick: (event: Event) => void;
+	ongotpointercapture: (event: Event) => void;
+	onlostpointercapture: (event: Event) => void;
+	onpointerdown: (event: Event) => void;
+	onpointermove: (event: Event) => void;
+	onpointerrawupdate: (event: Event) => void;
+	onpointerup: (event: Event) => void;
+	onpointercancel: (event: Event) => void;
+	onpointerover: (event: Event) => void;
+	onpointerout: (event: Event) => void;
+	onpointerenter: (event: Event) => void;
+	onpointerleave: (event: Event) => void;
+	onselectstart: (event: Event) => void;
+	onselectionchange: (event: Event) => void;
+	onanimationend: (event: Event) => void;
+	onanimationiteration: (event: Event) => void;
+	onanimationstart: (event: Event) => void;
+	ontransitionrun: (event: Event) => void;
+	ontransitionstart: (event: Event) => void;
+	ontransitionend: (event: Event) => void;
+	ontransitioncancel: (event: Event) => void;
+	oncopy: (event: Event) => void;
+	oncut: (event: Event) => void;
+	onpaste: (event: Event) => void;
+	onbeforematch: (event: Event) => void;
+
 	/**
 	 * Replaces the document HTML with new HTML.
 	 *

package/src/nodes/element/Element.ts

@@ -5,7 +5,6 @@ import DOMRect from './DOMRect';
 import DOMTokenList from '../../dom-token-list/DOMTokenList';
 import IDOMTokenList from '../../dom-token-list/IDOMTokenList';
 import QuerySelector from '../../query-selector/QuerySelector';
-import SelectorItem from '../../query-selector/SelectorItem';
 import MutationRecord from '../../mutation-observer/MutationRecord';
 import MutationTypeEnum from '../../mutation-observer/MutationTypeEnum';
 import NamespaceURI from '../../config/NamespaceURI';
@@ -27,6 +26,7 @@ import IText from '../text/IText';
 import IDOMRectList from './IDOMRectList';
 import DOMRectListFactory from './DOMRectListFactory';
 import IAttr from '../attr/IAttr';
+import Event from '../../event/Event';
 
 /**
  * Element.
@@ -46,6 +46,42 @@ export default class Element extends Node implements IElement {
 	public children: IHTMLCollection<IElement> = HTMLCollectionFactory.create();
 	public readonly namespaceURI: string = null;
 
+	// Events
+	public oncancel: (event: Event) => void | null = null;
+	public onerror: (event: Event) => void | null = null;
+	public onscroll: (event: Event) => void | null = null;
+	public onselect: (event: Event) => void | null = null;
+	public onwheel: (event: Event) => void | null = null;
+	public oncopy: (event: Event) => void | null = null;
+	public oncut: (event: Event) => void | null = null;
+	public onpaste: (event: Event) => void | null = null;
+	public oncompositionend: (event: Event) => void | null = null;
+	public oncompositionstart: (event: Event) => void | null = null;
+	public oncompositionupdate: (event: Event) => void | null = null;
+	public onblur: (event: Event) => void | null = null;
+	public onfocus: (event: Event) => void | null = null;
+	public onfocusin: (event: Event) => void | null = null;
+	public onfocusout: (event: Event) => void | null = null;
+	public onfullscreenchange: (event: Event) => void | null = null;
+	public onfullscreenerror: (event: Event) => void | null = null;
+	public onkeydown: (event: Event) => void | null = null;
+	public onkeyup: (event: Event) => void | null = null;
+	public onauxclick: (event: Event) => void | null = null;
+	public onclick: (event: Event) => void | null = null;
+	public oncontextmenu: (event: Event) => void | null = null;
+	public ondblclick: (event: Event) => void | null = null;
+	public onmousedown: (event: Event) => void | null = null;
+	public onmouseenter: (event: Event) => void | null = null;
+	public onmouseleave: (event: Event) => void | null = null;
+	public onmousemove: (event: Event) => void | null = null;
+	public onmouseout: (event: Event) => void | null = null;
+	public onmouseover: (event: Event) => void | null = null;
+	public onmouseup: (event: Event) => void | null = null;
+	public ontouchcancel: (event: Event) => void | null = null;
+	public ontouchend: (event: Event) => void | null = null;
+	public ontouchmove: (event: Event) => void | null = null;
+	public ontouchstart: (event: Event) => void | null = null;
+
 	// Used for being able to access closed shadow roots
 	public _shadowRoot: IShadowRoot = null;
 	public _attributes: { [k: string]: IAttr } = {};
@@ -707,12 +743,7 @@ export default class Element extends Node implements IElement {
 	 * @returns "true" if matching.
 	 */
 	public matches(selector: string): boolean {
-		for (const part of selector.split(',')) {
-			if (new SelectorItem(part.trim()).match(this)) {
-				return true;
-			}
-		}
-		return false;
+		return QuerySelector.match(this, selector).matches;
 	}
 
 	/**
@@ -815,6 +846,10 @@ export default class Element extends Node implements IElement {
 		(<IElement>attribute.ownerElement) = <IElement>this;
 		(<IDocument>attribute.ownerDocument) = this.ownerDocument;
 
+		if (this.isConnected) {
+			this.ownerDocument['_cacheID']++;
+		}
+
 		this._attributes[name] = attribute;
 
 		this._updateDomListIndices();
@@ -900,6 +935,10 @@ export default class Element extends Node implements IElement {
 	public removeAttributeNode(attribute: IAttr): void {
 		delete this._attributes[attribute.name];
 
+		if (this.isConnected) {
+			this.ownerDocument['_cacheID']++;
+		}
+
 		this._updateDomListIndices();
 
 		if (

package/src/nodes/element/IElement.ts

@@ -7,6 +7,7 @@ import IChildNode from '../child-node/IChildNode';
 import IParentNode from '../parent-node/IParentNode';
 import INonDocumentTypeChildNode from '../child-node/INonDocumentTypeChildNode';
 import IDOMRectList from './IDOMRectList';
+import Event from '../../event/Event';
 
 export type TInsertAdjacentPositions = 'beforebegin' | 'afterbegin' | 'beforeend' | 'afterend';
 
@@ -30,6 +31,42 @@ export default interface IElement extends IChildNode, INonDocumentTypeChildNode,
 	readonly localName: string;
 	readonly attributes: { [k: string | number]: IAttr } & { length: number };
 
+	// Events
+	oncancel: (event: Event) => void | null;
+	onerror: (event: Event) => void | null;
+	onscroll: (event: Event) => void | null;
+	onselect: (event: Event) => void | null;
+	onwheel: (event: Event) => void | null;
+	oncopy: (event: Event) => void | null;
+	oncut: (event: Event) => void | null;
+	onpaste: (event: Event) => void | null;
+	oncompositionend: (event: Event) => void | null;
+	oncompositionstart: (event: Event) => void | null;
+	oncompositionupdate: (event: Event) => void | null;
+	onblur: (event: Event) => void | null;
+	onfocus: (event: Event) => void | null;
+	onfocusin: (event: Event) => void | null;
+	onfocusout: (event: Event) => void | null;
+	onfullscreenchange: (event: Event) => void | null;
+	onfullscreenerror: (event: Event) => void | null;
+	onkeydown: (event: Event) => void | null;
+	onkeyup: (event: Event) => void | null;
+	onauxclick: (event: Event) => void | null;
+	onclick: (event: Event) => void | null;
+	oncontextmenu: (event: Event) => void | null;
+	ondblclick: (event: Event) => void | null;
+	onmousedown: (event: Event) => void | null;
+	onmouseenter: (event: Event) => void | null;
+	onmouseleave: (event: Event) => void | null;
+	onmousemove: (event: Event) => void | null;
+	onmouseout: (event: Event) => void | null;
+	onmouseover: (event: Event) => void | null;
+	onmouseup: (event: Event) => void | null;
+	ontouchcancel: (event: Event) => void | null;
+	ontouchend: (event: Event) => void | null;
+	ontouchmove: (event: Event) => void | null;
+	ontouchstart: (event: Event) => void | null;
+
 	/**
 	 * Attribute changed callback.
 	 *

package/src/nodes/html-dialog-element/HTMLDialogElement.ts

@@ -11,6 +11,10 @@ import IHTMLDialogElement from './IHTMLDialogElement';
 export default class HTMLDialogElement extends HTMLElement implements IHTMLDialogElement {
 	public returnValue = '';
 
+	// Events
+	public oncancel: (event: Event) => void | null = null;
+	public onclose: (event: Event) => void | null = null;
+
 	/**
 	 * Returns open.
 	 *

package/src/nodes/html-dialog-element/IHTMLDialogElement.ts

@@ -1,3 +1,4 @@
+import Event from '../../event/Event';
 import IHTMLElement from '../html-element/IHTMLElement';
 
 /**
@@ -10,6 +11,10 @@ export default interface IHTMLDialogElement extends IHTMLElement {
 	open: boolean;
 	returnValue: string;
 
+	// Events
+	oncancel: (event: Event) => void | null;
+	onclose: (event: Event) => void | null;
+
 	/**
 	 * Closes the dialog.
 	 *

package/src/nodes/html-element/HTMLElement.ts

@@ -7,6 +7,7 @@ import PointerEvent from '../../event/events/PointerEvent';
 import DatasetUtility from './DatasetUtility';
 import NodeTypeEnum from '../node/NodeTypeEnum';
 import DOMException from '../../exception/DOMException';
+import Event from '../../event/Event';
 
 /**
  * HTML Element.
@@ -29,6 +30,33 @@ export default class HTMLElement extends Element implements IHTMLElement {
 	private _style: CSSStyleDeclaration = null;
 	private _dataset: { [key: string]: string } = null;
 
+	// Events
+	public oncopy: (event: Event) => void | null = null;
+	public oncut: (event: Event) => void | null = null;
+	public onpaste: (event: Event) => void | null = null;
+	public oninvalid: (event: Event) => void | null = null;
+	public onanimationcancel: (event: Event) => void | null = null;
+	public onanimationend: (event: Event) => void | null = null;
+	public onanimationiteration: (event: Event) => void | null = null;
+	public onanimationstart: (event: Event) => void | null = null;
+	public onbeforeinput: (event: Event) => void | null = null;
+	public oninput: (event: Event) => void | null = null;
+	public onchange: (event: Event) => void | null = null;
+	public ongotpointercapture: (event: Event) => void | null = null;
+	public onlostpointercapture: (event: Event) => void | null = null;
+	public onpointercancel: (event: Event) => void | null = null;
+	public onpointerdown: (event: Event) => void | null = null;
+	public onpointerenter: (event: Event) => void | null = null;
+	public onpointerleave: (event: Event) => void | null = null;
+	public onpointermove: (event: Event) => void | null = null;
+	public onpointerout: (event: Event) => void | null = null;
+	public onpointerover: (event: Event) => void | null = null;
+	public onpointerup: (event: Event) => void | null = null;
+	public ontransitioncancel: (event: Event) => void | null = null;
+	public ontransitionend: (event: Event) => void | null = null;
+	public ontransitionrun: (event: Event) => void | null = null;
+	public ontransitionstart: (event: Event) => void | null = null;
+
 	/**
 	 * Returns tab index.
 	 *

package/src/nodes/html-element/IHTMLElement.ts

@@ -1,3 +1,4 @@
+import Event from '../../event/Event';
 import CSSStyleDeclaration from '../../css/declaration/CSSStyleDeclaration';
 import IElement from '../element/IElement';
 
@@ -20,6 +21,33 @@ export default interface IHTMLElement extends IElement {
 	innerText: string;
 	outerText: string;
 
+	// Events
+	oncopy: (event: Event) => void | null;
+	oncut: (event: Event) => void | null;
+	onpaste: (event: Event) => void | null;
+	oninvalid: (event: Event) => void | null;
+	onanimationcancel: (event: Event) => void | null;
+	onanimationend: (event: Event) => void | null;
+	onanimationiteration: (event: Event) => void | null;
+	onanimationstart: (event: Event) => void | null;
+	onbeforeinput: (event: Event) => void | null;
+	oninput: (event: Event) => void | null;
+	onchange: (event: Event) => void | null;
+	ongotpointercapture: (event: Event) => void | null;
+	onlostpointercapture: (event: Event) => void | null;
+	onpointercancel: (event: Event) => void | null;
+	onpointerdown: (event: Event) => void | null;
+	onpointerenter: (event: Event) => void | null;
+	onpointerleave: (event: Event) => void | null;
+	onpointermove: (event: Event) => void | null;
+	onpointerout: (event: Event) => void | null;
+	onpointerover: (event: Event) => void | null;
+	onpointerup: (event: Event) => void | null;
+	ontransitioncancel: (event: Event) => void | null;
+	ontransitionend: (event: Event) => void | null;
+	ontransitionrun: (event: Event) => void | null;
+	ontransitionstart: (event: Event) => void | null;
+
 	/**
 	 * Triggers a click event.
 	 */

package/src/nodes/html-form-element/HTMLFormElement.ts

@@ -1,6 +1,7 @@
 import HTMLElement from '../html-element/HTMLElement';
 import IElement from '../element/IElement';
 import IHTMLFormElement from './IHTMLFormElement';
+import Event from '../../event/Event';
 
 /**
  * HTML Form Element.
@@ -9,6 +10,11 @@ import IHTMLFormElement from './IHTMLFormElement';
  * https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement.
  */
 export default class HTMLFormElement extends HTMLElement implements IHTMLFormElement {
+	// Events
+	public onformdata: (event: Event) => void | null = null;
+	public onreset: (event: Event) => void | null = null;
+	public onsubmit: (event: Event) => void | null = null;
+
 	/**
 	 * Returns name.
 	 *

package/src/nodes/html-form-element/IHTMLFormElement.ts

@@ -1,3 +1,4 @@
+import Event from '../../event/Event';
 import IElement from '../element/IElement';
 import IHTMLElement from '../html-element/IHTMLElement';
 
@@ -20,6 +21,11 @@ export default interface IHTMLFormElement extends IHTMLElement {
 	elements: IElement[];
 	length: number;
 
+	// Events
+	onformdata: (event: Event) => void | null;
+	onreset: (event: Event) => void | null;
+	onsubmit: (event: Event) => void | null;
+
 	/**
 	 * Submits form.
 	 */

package/src/nodes/html-input-element/HTMLInputElement.ts

@@ -38,6 +38,11 @@ export default class HTMLInputElement extends HTMLElement implements IHTMLInputE
 	// Type specific: file
 	public files: File[] = [];
 
+	// Events
+	public oninput: (event: Event) => void | null = null;
+	public oninvalid: (event: Event) => void | null = null;
+	public onselectionchange: (event: Event) => void | null = null;
+
 	// Type specific: text/password/search/tel/url/week/month
 	private _selectionStart: number = null;
 	private _selectionEnd: number = null;

package/src/nodes/html-input-element/IHTMLInputElement.ts

@@ -3,6 +3,7 @@ import IHTMLElement from '../html-element/IHTMLElement';
 import IHTMLFormElement from '../html-form-element/IHTMLFormElement';
 import HTMLInputElementSelectionModeEnum from './HTMLInputElementSelectionModeEnum';
 import ValidityState from '../validity-state/ValidityState';
+import Event from '../../event/Event';
 
 /**
  * HTML Input Element.
@@ -53,6 +54,11 @@ export default interface IHTMLInputElement extends IHTMLElement {
 	valueAsNumber: number;
 	validationMessage: string;
 
+	// Events
+	oninput: (event: Event) => void | null;
+	oninvalid: (event: Event) => void | null;
+	onselectionchange: (event: Event) => void | null;
+
 	/**
 	 * Sets validation message.
 	 *

package/src/nodes/html-media-element/HTMLMediaElement.ts

@@ -44,14 +44,29 @@ export default class HTMLMediaElement extends HTMLElement implements IHTMLMediaE
 	public readonly played = getTimeRangeDummy();
 
 	// Events
-	public onabort: (event: Event) => void = null;
-	public oncanplay: (event: Event) => void = null;
-	public oncanplaythrough: (event: Event) => void = null;
-	public ondurationchange: (event: Event) => void = null;
-	public onemptied: (event: Event) => void = null;
-	public onended: (event: Event) => void = null;
-	public onerror: (event: ErrorEvent) => void = null;
-	public onloadeddata: (event: Event) => void = null;
+	public onabort: (event: Event) => void | null = null;
+	public oncanplay: (event: Event) => void | null = null;
+	public oncanplaythrough: (event: Event) => void | null = null;
+	public ondurationchange: (event: Event) => void | null = null;
+	public onemptied: (event: Event) => void | null = null;
+	public onended: (event: Event) => void | null = null;
+	public onerror: (event: ErrorEvent) => void | null = null;
+	public onloadeddata: (event: Event) => void | null = null;
+	public onloadedmetadata: (event: Event) => void | null = null;
+	public onloadstart: (event: Event) => void | null = null;
+	public onpause: (event: Event) => void | null = null;
+	public onplay: (event: Event) => void | null = null;
+	public onplaying: (event: Event) => void | null = null;
+	public onprogress: (event: Event) => void | null = null;
+	public onratechange: (event: Event) => void | null = null;
+	public onresize: (event: Event) => void | null = null;
+	public onseeked: (event: Event) => void | null = null;
+	public onseeking: (event: Event) => void | null = null;
+	public onstalled: (event: Event) => void | null = null;
+	public onsuspend: (event: Event) => void | null = null;
+	public ontimeupdate: (event: Event) => void | null = null;
+	public onvolumechange: (event: Event) => void | null = null;
+	public onwaiting: (event: Event) => void | null = null;
 
 	#volume = 1;
 	#paused = true;

package/src/nodes/html-media-element/IHTMLMediaElement.ts

@@ -1,3 +1,4 @@
+import Event from '../../event/Event';
 import IHTMLElement from '../html-element/IHTMLElement';
 
 /**
@@ -39,6 +40,31 @@ export default interface IHTMLMediaElement extends IHTMLElement {
 	src: string;
 	volume: number | string;
 
+	// Events
+	onabort: (event: Event) => void | null;
+	oncanplay: (event: Event) => void | null;
+	oncanplaythrough: (event: Event) => void | null;
+	ondurationchange: (event: Event) => void | null;
+	onemptied: (event: Event) => void | null;
+	onended: (event: Event) => void | null;
+	onerror: (event: Event) => void | null;
+	onloadeddata: (event: Event) => void | null;
+	onloadedmetadata: (event: Event) => void | null;
+	onloadstart: (event: Event) => void | null;
+	onpause: (event: Event) => void | null;
+	onplay: (event: Event) => void | null;
+	onplaying: (event: Event) => void | null;
+	onprogress: (event: Event) => void | null;
+	onratechange: (event: Event) => void | null;
+	onresize: (event: Event) => void | null;
+	onseeked: (event: Event) => void | null;
+	onseeking: (event: Event) => void | null;
+	onstalled: (event: Event) => void | null;
+	onsuspend: (event: Event) => void | null;
+	ontimeupdate: (event: Event) => void | null;
+	onvolumechange: (event: Event) => void | null;
+	onwaiting: (event: Event) => void | null;
+
 	/**
 	 * A MediaStream object which can be used as a source for audio and/or video data by other media processing code,
 	 * or as a source for WebRTC.