MyTetra Share
Делитесь знаниями!
События DOM
28.01.2018
13:35
Автор: br0ke
Текстовые метки: javascript, js, html, dom, events, event, события, событие, onclick, onkeyup, onload
Раздел: Информационные технологии - JavaScript

HTML DOM (Document Object Model) позволяет JavaScript обрабатывать следующие события, возникающие на HTML-странице.


Последний столбец таблицы содержит версию DOM Level, в котором событие было введено.


Mouse Events

Event

Description

DOM

onclick

The event occurs when the user clicks on an element

2

oncontextmenu

The event occurs when the user right-clicks on an element to open a context menu

3

ondblclick

The event occurs when the user double-clicks on an element

2

onmousedown

The event occurs when the user presses a mouse button over an element

2

onmouseenter

The event occurs when the pointer is moved onto an element

2

onmouseleave

The event occurs when the pointer is moved out of an element

2

onmousemove

The event occurs when the pointer is moving while it is over an element

2

onmouseover

The event occurs when the pointer is moved onto an element, or onto one of its children

2

onmouseout

The event occurs when a user moves the mouse pointer out of an element, or out of one of its children

2

onmouseup

The event occurs when a user releases a mouse button over an element

2


Keyboard Events

Event

Description

DOM

onkeydown

The event occurs when the user is pressing a key

2

onkeypress

The event occurs when the user presses a key

2

onkeyup

The event occurs when the user releases a key

2


Frame/Object Events

Event

Description

DOM

onabort

The event occurs when the loading of a resource has been aborted

2

onbeforeunload

The event occurs before the document is about to be unloaded

2

onerror

The event occurs when an error occurs while loading an external file

2

onhashchange

The event occurs when there has been changes to the anchor part of a URL

3

onload

The event occurs when an object has loaded

2

onpageshow

The event occurs when the user navigates to a webpage

3

onpagehide

The event occurs when the user navigates away from a webpage

3

onresize

The event occurs when the document view is resized

2

onscroll

The event occurs when an element's scrollbar is being scrolled

2

onunload

The event occurs once a page has unloaded (for <body>)

2


Form Events

Event

Description

DOM

onblur

The event occurs when an element loses focus

2

onchange

The event occurs when the content of a form element, the selection, or the checked state have changed (for <input>, <select>, and <textarea>)

2

onfocus

The event occurs when an element gets focus

2

onfocusin

The event occurs when an element is about to get focus

2

onfocusout

The event occurs when an element is about to lose focus

2

oninput

The event occurs when an element gets user input

3

oninvalid

The event occurs when an element is invalid

3

onreset

The event occurs when a form is reset

2

onsearch

The event occurs when the user writes something in a search field (for <input="search">)

3

onselect

The event occurs after the user selects some text (for <input> and <textarea>)

2

onsubmit

The event occurs when a form is submitted

2


Drag Events

Event

Description

DOM

ondrag

The event occurs when an element is being dragged

3

ondragend

The event occurs when the user has finished dragging an element

3

ondragenter

The event occurs when the dragged element enters the drop target

3

ondragleave

The event occurs when the dragged element leaves the drop target

3

ondragover

The event occurs when the dragged element is over the drop target

3

ondragstart

The event occurs when the user starts to drag an element

3

ondrop

The event occurs when the dragged element is dropped on the drop target

3


Clipboard Events

Event

Description

DOM

oncopy

The event occurs when the user copies the content of an element

 

oncut

The event occurs when the user cuts the content of an element

 

onpaste

The event occurs when the user pastes some content in an element

 


Print Events

Event

Description

DOM

onafterprint

The event occurs when a page has started printing, or if the print dialogue box has been closed

3

onbeforeprint

The event occurs when a page is about to be printed

3


Media Events

Event

Description

DOM

onabort

The event occurs when the loading of a media is aborted

3

oncanplay

The event occurs when the browser can start playing the media (when it has buffered enough to begin)

3

oncanplaythrough

The event occurs when the browser can play through the media without stopping for buffering

3

ondurationchange

The event occurs when the duration of the media is changed

3

onemptied

The event occurs when something bad happens and the media file is suddenly unavailable (like unexpectedly disconnects)

3

onended

The event occurs when the media has reach the end (useful for messages like "thanks for listening")

3

onerror

The event occurs when an error occurred during the loading of a media file

3

onloadeddata

The event occurs when media data is loaded

3

onloadedmetadata

The event occurs when meta data (like dimensions and duration) are loaded

3

onloadstart

The event occurs when the browser starts looking for the specified media

3

onpause

The event occurs when the media is paused either by the user or programmatically

3

onplay

The event occurs when the media has been started or is no longer paused

3

onplaying

The event occurs when the media is playing after having been paused or stopped for buffering

3

onprogress

The event occurs when the browser is in the process of getting the media data (downloading the media)

3

onratechange

The event occurs when the playing speed of the media is changed

3

onseeked

The event occurs when the user is finished moving/skipping to a new position in the media

3

onseeking

The event occurs when the user starts moving/skipping to a new position in the media

3

onstalled

The event occurs when the browser is trying to get media data, but data is not available

3

onsuspend

The event occurs when the browser is intentionally not getting media data

3

ontimeupdate

The event occurs when the playing position has changed (like when the user fast forwards to a different point in the media)

3

onvolumechange

The event occurs when the volume of the media has changed (includes setting the volume to "mute")

3

onwaiting

The event occurs when the media has paused but is expected to resume (like when the media pauses to buffer more data)

3


Animation Events

Event

Description

DOM

animationend

The event occurs when a CSS animation has completed

3

animationiteration

The event occurs when a CSS animation is repeated

3

animationstart

The event occurs when a CSS animation has started

3


Transition Events

Event

Description

DOM

transitionend

The event occurs when a CSS transition has completed

3


Server-Sent Events

Event

Description

DOM

onerror

The event occurs when an error occurs with the event source

 

onmessage

The event occurs when a message is received through the event source

 

onopen

The event occurs when a connection with the event source is opened

 


Misc Events

Event

Description

DOM

onmessage

The event occurs when a message is received through or from an object (WebSocket, Web Worker, Event Source or a child frame or a parent window)

3

onmousewheel

Deprecated. Use the onwheel event instead

 

ononline

The event occurs when the browser starts to work online

3

onoffline

The event occurs when the browser starts to work offline

3

onpopstate

The event occurs when the window's history changes

3

onshow

The event occurs when a <menu> element is shown as a context menu

3

onstorage

The event occurs when a Web Storage area is updated

3

ontoggle

The event occurs when the user opens or closes the <details> element

3

onwheel

The event occurs when the mouse wheel rolls up or down over an element

3


Touch Events

Event

Description

DOM

ontouchcancel

The event occurs when the touch is interrupted

 

ontouchend

The event occurs when a finger is removed from a touch screen

 

ontouchmove

The event occurs when a finger is dragged across the screen

 

ontouchstart

The event occurs when a finger is placed on a touch screen

 



Так же в этом разделе:
 
MyTetra Share v.0.52
Яндекс индекс цитирования