JS & DOM Reference

Overview

JavaScript Objects

JS Array
JS Boolean
JS Date
JS Math
JS Number
JS String
JS RegExp
JS Global

Browser Objects

Window
Navigator
Screen
History
Location

Core DOM Objects

DOM Node
DOM NodeList
DOM NamedNodeMap
DOM Document
DOM Element
DOM Attr

HTML DOM Objects

DOM Document
DOM Events
DOM Elements

DOM Anchor
DOM Area
DOM Base
DOM Body
DOM Button
DOM Form
DOM Frame/IFrame
DOM Frameset
DOM Image
DOM Input Button
DOM Input Checkbox
DOM Input File
DOM Input Hidden
DOM Input Password
DOM Input Radio
DOM Input Reset
DOM Input Submit
DOM Input Text
DOM Link
DOM Meta
DOM Object
DOM Option
DOM Select
DOM Style
DOM Table
DOM td / th
DOM tr
DOM Textarea

HTML DOM Event Object

« Previous

Next Reference »

Event Object

Events are actions that can be detected by JavaScript, and the event object gives information about the event that has occurred.

Sometimes we want to execute a JavaScript when an event occurs, such as when a user clicks a button.

Events are normally used in combination with functions, and the function will not be executed before the event occurs.

Event Objects

W3C: W3C Standard.

Object	Description	W3C
dataTransfer	Represents a drag-and-drop operation
event	Represents an object that contains information about an event that has occurred

Event Attributes

Below is the event attributes that can be inserted into different HTML elements to define event actions.

4: Indicates that the attribute is defined in HTML4.

5: Indicates that the attribute is defined in HTML5.

Attribute	Description	HTML	HTML
onabort		4	5
onbeforeonload			5
onbeforeunload			5
onblur	The event occurs when an element loses focus	4	5
onchange	The event occurs when the content of an element, the selection, or the checked state have changed	4	5
onclick	The event occurs when the user clicks on an element	4	5
oncontextmenu			5
ondblclick	The event occurs when the user double-clicks on an element	4	5
ondrag	The event occurs when an element is being dragged		5
ondragend	The event occurs when an element has stopped being dragged		5
ondragenter	The event occurs when an element has been dragged to a drop target		5
ondragleave	The event occurs when an element leaves a valid drop target		5
ondragover	The event occurs when an element is being dragged over a valid drop target		5
ondragstart	The event occurs when drag operation has started		5
ondrop	The event occurs when an element is being dropped		5
onerror	The event occurs when an error occurs while loading an external file		5
onfocus	The event occurs when an element gets focus	4	5
onkeydown	The event occurs when the user is pressing a key or holding down a key	4	5
onkeypress	The event occurs when the user is pressing a key or holding down a key	4	5
onkeyup	The event occurs when a keyboard key is released	4	5
onload	The event occurs when an object has been loaded	4	5
onmessage			5
onmousedown	The event occurs when a user presses a mouse button over an element	4	5
onmousemove	The event occurs when a user moves the mouse pointer over an element	4	5
onmouseover	The event occurs when a user mouse over an element	4	5
onmouseout	The event occurs when a user moves the mouse pointer out of an element	4	5
onmouseup	The event occurs when a user releases a mouse button over an element	4	5
onmousewheel			5
onreset		4
onresize	The event occurs when the size of an element has changed		5
onscroll			5
onselect	The event occurs after some text has been selected in an element	4	5
onsubmit		4	5
onunload	The event occurs before the browser closes the document		5

Event Properties

Property	Description	W3C
altKey	Returns whether or not the "ALT" key was pressed when an event was triggered	Yes
attrChange
attrName
bubbles	Returns a Boolean value that indicates whether or not an event is a bubbling event	Yes
button	Returns which mouse button was clicked when an event was triggered	Yes
cancelable	Returns a Boolean value that indicates whether or not an event can have its default action prevented	Yes
cancelBubble
charCode
clientX	Returns the horizontal coordinate of the mouse pointer, relative to the current window, when an event was triggered	Yes
clientY	Returns the vertical coordinate of the mouse pointer, relative to the current window, when an event was triggered	Yes
ctrlKey	Returns whether or not the "CTRL" key was pressed when an event was triggered	Yes
currentTarget	Returns the element whose event listeners triggered the event	Yes
data
dataTransfer
detail
dropEffect
effectAllowed
eventPhase	Returns which phase of the event flow is currently being evaluated	Yes
keyCode
metaKey	Returns whether or not the "meta" key was pressed when an event was triggered	Yes
newValue
origin
relatedNode
relatedTarget	Returns the element related to the element that triggered the event	Yes
pageX
pageY
prevValue
screenX	Returns the horizontal coordinate of the mouse pointer, relative to the screen, when an event was triggered	Yes
screenY	Returns the vertical coordinate of the mouse pointer, relative to the screen, when an event was triggered	Yes
shiftKey	Returns whether or not the "SHIFT" key was pressed when an event was triggered	Yes
source
srcElement
target	Returns the element that triggered the event	Yes
timeStamp	Returns the time stamp, in milliseconds, from the epoch (system start or event trigger)	Yes
toElement
type	Returns the name of the event	Yes
view
wheelDelta
which

Event Methods

Method	Description	W3C
addEventListener()
blur()	Removes focus from an element	Yes
clearData()
click()	Executes a click on an element	Yes
createEvent()
dispatchEvent()
focus()	Gives focus to an element	Yes
getData()
initEvent()
initMessageEvent()
initMouseEvent()
initMutationEvent()
initUlEvent()
postMessage()
preventDefault()
removeEventListener()
reset()
setData()
stopPropagation()
submit()