Latest web development tutorials

oggetto evento HTML DOM

evento HTML DOM

evento HTML DOM consente JavaScript registrare diversi gestori di eventi in un elemento documento HTML.

Eventi spesso usato in congiunzione con la funzione, la funzione non saranno eseguite prima che si verifichi l'evento! (Come ad esempio l'utente fa clic sul pulsante).

Suggerimento: modello di eventi standard W3C a livello 2 eventi DOM.

evento HTML DOM

DOM: DOM attributo indica il livello di utilizzo.

eventi del mouse

proprietà descrizione DOM
onclick Evento chiamato quando un utente fa clic su un manico oggetto. 2
oncontextmenu Attivato quando l'utente fa clic con il pulsante destro del mouse per aprire il menu contestuale
ondblclick Evento chiamato quando l'utente fa doppio clic su un manico oggetto. 2
onMouseDown si preme il pulsante del mouse. 2
OnMouseEnter Viene eseguito quando il puntatore del mouse si sposta agli elementi. 2
onMouseLeave Quando il puntatore del mouse si sposta fuori l'elemento di innesco 2
onMouseMove Il mouse viene spostato. 2
onmouseover Il mouse su un elemento. 2
onmouseout Mouse lontano da un elemento. 2
onmouseup Il pulsante del mouse viene rilasciato. 2

eventi della tastiera

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

Cornice / oggetto (Cornice / oggetto) evento

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

eventi Form

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

eventi Appunti

proprietà descrizione DOM
oncopy L'evento viene attivato quando l'utente copia il contenuto dell'elemento
oncut L'evento viene attivato quando il contenuto dell'elemento di taglio utenti
onpaste L'evento viene attivato quando l'utente incollare il contenuto dell'elemento

Stampa evento

proprietà descrizione DOM
OnAfterPrint L'evento scatenante è già iniziata la stampa della pagina, o stampare la finestra è già chiuso
OnBeforePrint L'evento viene attivato quando la pagina è in procinto di avviare la stampa

evento di trascinamento

evento descrizione DOM
ondrag L'evento si attiva quando viene trascinato l'elemento
ondragend L'evento viene attivato quando l'utente trascina gli elementi per completare
OnDragEnter Questo evento viene attivato quando l'elemento trascinato nella destinazione di rilascio
ondragleave Questo evento viene attivato quando l'elemento di trascinamento di lasciare la destinazione di rilascio
OnDragOver L'evento viene attivato quando l'obiettivo è posto sulla elemento di trascinamento
ondragstart L'evento viene attivato quando l'utente inizia elementi di trascinamento
OnDrop Questo evento viene attivato quando l'elemento di trascinamento è situato nella zona di destinazione

Multimedia (Media) Event

evento descrizione DOM
OnAbort video Evento / audio (audio / video) per terminare grilletto durante il caricamento.
oncanplay Quando l'evento viene attivato in l'utente può avviare la riproduzione video / audio (audio / video).
oncanplaythrough evento di trigger può giocare in normali video / audio (audio / video) e senza pause e di buffer.
ondurationchange Evento video / audio (audio / video) cambiamento Durata grilletto.
onemptied lista Trigger è vuota, il giocatore di turno
onended Alla fine del gioco nel trigger dell'evento video / audio (audio / video).
onerror Evento attivato quando si verifica un errore durante la video / audio dati (audio / video) è caricato.
onloadeddata Evento nel browser per caricare il video / audio (audio / video) trigger frame corrente.
onloadedmetadata metadati evento specificato video / audio (audio / video) grilletto dopo il caricamento.
gestore di eventi onLoadStart Evento nel browser per iniziare la ricerca / audio (audio / video) grilletto video specificato.
OnPause evento di trigger in / audio (audio / video) Pausa video.
onplay Evento attivato per avviare la riproduzione del video / audio (audio / video).
onplaying video Evento / audio (audio / video) Pausa o dopo il buffering si attiva quando si è pronti per iniziare a giocare di nuovo.
onProgress Evento Trigger (audio / video) specificato nel browser per scaricare video / audio.
onratechange Trigger evento change quando si invia la velocità di riproduzione video / audio (audio / video).
onseeked Nel caso all'utente di riposizionare il video / audio (audio / video) posizione di riproduzione attivata.
onseeking Viene eseguito quando l'utente inizia a riposizionare evento video / audio (audio / video).
onstalled Ottenere i dati evento mediatico nel browser, ma i dati media non è disponibile in caso di attivazione.
onsuspend Evento attivato il blocco dei dati multimediali nel browser per leggere.
ontimeupdate Evento attivato quando la posizione di riproduzione corrente per inviare il cambiamento.
onvolumechange Evento attivato quando la variazione di volume.
onwaiting Dal momento che l'evento viene attivato quando il video che si desidera riprodurre il frame buffer successivo è richiesto.

eventi di animazione

evento descrizione DOM
animationend Questo evento viene attivato quando l'animazione termina la riproduzione CSS
animationiteration Questo evento viene attivato quando le animazioni CSS ripetono
animationstart Questo evento viene attivato quando l'animazione inizia a suonare CSS

evento di transizione

evento descrizione DOM
transitionend L'evento viene attivato dopo il CSS per completare la transizione.

altri eventi

evento descrizione DOM
onMessage Quando l'evento viene attivato da o da un oggetto (WebSocket, Lavoro Web, Origine evento o sub-frame o finestra padre) riceve il messaggio
OnMouseWheel Obsoleto. Utilizzare onwheel sostituto evento
ononline Questo evento viene attivato quando il browser di lavorare on-line.
onoffline Questo evento viene attivato quando il browser deve iniziare a lavorare non in linea.
onpopstate Questo evento viene attivato quando la cronologia di navigazione (oggetti di storia) della finestra cambia.
onshow L'evento quando viene visualizzato il <Menu> elemento nel trigger menu contestuale
onstorage Questo evento viene attivato quando Web Storage (HTML 5 negozio web) aggiornamento
ontoggle L'evento viene attivato quando l'utente apre o chiude <dettagli> elemento
onwheel Questo evento viene attivato quando la rotellina del mouse per scorrere verso l'alto e verso il basso in elemento

oggetti evento

costante

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

proprietà

proprietà descrizione DOM
bolle Restituisce un valore booleano che indica se l'evento è un tipo di evento di bubbling. 2
annullabile Restituisce un valore booleano che indica se l'evento può annullare la pro azione predefinita. 2
currentTarget Restituisce la sua listener di eventi innescati l'elemento evento. 2
eventPhase Restituisce l'attuale fase della diffusione dell'evento. 2
bersaglio Restituisce l'elemento che ha attivato questo evento (il nodo di destinazione evento). 2
timeStamp Restituisce la data e l'ora dell'evento generato. 2
tipo Restituisce il nome dell'evento corrente oggetto Event rappresenta. 2

modo

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

oggetto evento di destinazione

modo

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

Oggetto listener di eventi

modo

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

Evento Document Object

modo

方法 描述 DOM
createEvent() 2

oggetto evento mouse / tastiera

proprietà

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

modo

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