English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Inviare eventi DOM è finalizzato a notificare al codice eventi interessanti.
Gli eventi sono solitamente utilizzati insieme a funzionalità e non vengono eseguite prima dell'evento (ad esempio, quando l'utente clicca su un pulsante).
L'evento può rappresentare tutto, dall'interazione di base dell'utente all'avviso automatico di eventi che si verificano nel modello di presentazione.
| Nome dell'attività | Descrizione | Tipo di evento |
|---|---|---|
| abort | Questo evento si verifica quando la caricatura delle risorse è stata interrotta | UiEvent, Event |
| afterprint | Questo evento si verifica quando il documento relativo è iniziato a stampare o quando la vista di anteprima di stampa è stata chiusa | Event |
| animationend | Questo evento si verifica alla fine dell'animazione CSS | AnimationEvent |
| animationiteration | Questo evento si verifica durante l'iterazione di un'animazione CSS | AnimationEvent |
| animationstart | Questo evento si verifica all'inizio dell'animazione CSS | AnimationEvent |
| beforeprint | Questo evento si verifica quando il documento relativo è pronto per la stampa o per l'anteprima di stampa | Event |
| beforeunload | 当窗口，文档及其资源即将被卸载时发生该事件 | UiEvent, Event |
| blur | 当元素失去焦点（不会冒泡）时发生该事件 | FocusEvent |
| canplay | 当浏览器可以开始播放媒体时（当它有足够的缓冲来开始播放时），将发生此事件。 | Event |
| canplaythrough | 当浏览器可以在不停止缓冲的情况下播放媒体时发生此事件 | Event |
| change | 当表单元素，选择或选中状态的内容更改时（对于<input>，<select>和<textarea>），将发生此事件。 | Event |
| click | 当用户单击元素时发生事件 | MouseEvent |
| contextmenu | 当用户右键单击某个元素以打开上下文菜单时，将发生该事件 | MouseEvent |
| copy | 当用户复制元素的内容时发生该事件 | ClipboardEvent |
| cut | 当用户剪切元素的内容时发生该事件 | ClipboardEvent |
| dblclick | 当用户双击元素时发生事件 | MouseEvent |
| drag | 拖动元素时发生事件 | DragEvent |
| dragend | 当用户完成拖动元素时，发生该事件 | DragEvent |
| dragenter | 当拖动的元素进入放置目标时，将发生事件 | DragEvent |
| dragleave | 当拖动的元素离开放置目标时发生事件 | DragEvent |
| dragover | 当拖动的元素在放置目标上方时发生事件 | DragEvent |
| dragstart | 当用户开始拖动元素时发生该事件 | DragEvent |
| drop | 当将拖动的元素放置在放置目标上时，发生事件 | DragEvent |
| durationchange | 更改媒体的持续时间时发生此事件 | Event |
| ended | 该事件在媒体播放到尽头时发生（对于“感谢收听”之类的消息很有用） | Event |
| error | 资源加载失败时发生 | ProgressEvent, UiEvent, Event |
| focus | 当元素已获得焦点时发生事件（不会冒泡） | FocusEvent |
| focusin | 该事件在某个元素即将获得焦点时发生 | FocusEvent |
| focusout | 该事件在某个元素即将失去焦点时发生 | FocusEvent |
| fullscreenchange | 以全屏模式显示元素时发生事件 | Event |
| fullscreenerror | 当元素无法以全屏模式显示时，发生此事件 | Event |
| hashchange | 当URL的锚点部分发生更改时，将发生此事件 | HashChangeEvent |
| input | 当元素获得用户输入时发生事件 | InputEvent, Event |
| invalid | 当元素无效时发生 | Event |
| keydown | 该事件在用户按下某个键时发生 | KeyboardEvent |
| keypress | 当用户按下键时发生事件 | KeyboardEvent |
| keyup | Questo evento si verifica quando l'utente rilascia una chiave. | KeyboardEvent |
| load | Questo evento si verifica quando l'oggetto è stato caricato. | UiEvent, Event |
| loadeddata | Questo evento si verifica quando si caricano i dati del media. | Event |
| loadedmetadata | Questo evento si verifica quando si caricano i metadati (ad esempio, dimensioni e durata). | Event |
| loadstart | Questo evento si verifica quando il browser inizia a cercare il media specificato. | ProgressEvent |
| message | Questo evento si verifica quando si riceve un messaggio tramite l'origine dell'evento. | Event |
| mousedown | Questo evento si verifica quando l'utente preme un pulsante del mouse su un elemento. | MouseEvent |
| mouseenter | Questo evento si verifica quando il puntatore si sposta su un elemento. | MouseEvent |
| mouseleave | Questo evento si verifica quando il puntatore si sposta fuori da un elemento. | MouseEvent |
| mousemove | Questo evento si verifica quando il puntatore si muove sopra un elemento. | MouseEvent |
| mouseover | Questo evento si verifica quando il puntatore si sposta su un elemento o uno dei suoi sottoelementi. | MouseEvent |
| mouseout | Questo evento si verifica quando il puntatore del mouse si sposta fuori da un elemento o da uno dei suoi sottoelementi. | MouseEvent |
| mouseup | Questo evento si verifica quando l'utente rilascia il pulsante del mouse su un elemento. | MouseEvent |
| mousewheel | Non raccomandato.Passare a evento wheel | WheelEvent |
| offline | Questo evento si verifica quando il browser inizia a lavorare offline. | Event |
| online | Questo evento si verifica quando il browser inizia a lavorare online. | Event |
| open | Questo evento si verifica quando si apre la connessione con l'origine dell'evento. | Event |
| pagehide | Questo evento si verifica quando l'utente lascia la navigazione della pagina. | PageTransitionEvent |
| Visualizzazione della pagina | Questo evento si verifica quando l'utente naviga verso una pagina web. | PageTransitionEvent |
| paste | Questo evento si verifica quando l'utente incolla contenuti in un elemento. | ClipboardEvent |
| pause | Questo evento si verifica quando l'utente o in modo programmatico mette in pausa il media. | Event |
| play | Questo evento si verifica quando il media è iniziato o non più in pausa. | Event |
| playing | Questo evento si verifica quando si riprende la riproduzione del media dopo averlo messo in pausa o fermato il buffering. | Event |
| popstate | Questo evento si verifica quando cambia la cronologia della finestra. | PopStateEvent |
| progress | Questo evento si verifica mentre il browser sta cercando di ottenere dati del media (scaricando il media). | Event |
| ratechange | Questo evento si verifica quando si cambia la velocità di riproduzione del media. | Event |
| resize | Questo evento si verifica quando si aggiusta la dimensione della vista del documento. | UiEvent, Event |
| reset | Questo evento si verifica quando si ripristina il modulo. | Event |
| scroll | Questo evento si verifica quando si scorre la barra di scorrimento di un elemento. | UiEvent, Event |
| search | Questo evento si verifica quando l'utente inserisce contenuti nel campo di ricerca (per<input="search">). | Event |
| seeked | Questo evento si verifica quando l'utente completa il movimento/salto a una nuova posizione nel media. | Event |
| seeking | Questo evento si verifica quando l'utente inizia a muoversi/saltare a una nuova posizione nel media. | Event |
| select | Dopo aver selezionato alcuni testi (per<input> e<textarea>), si verifica questo evento. | UiEvent, Event |
| show | Questo evento si verifica quando l'elemento <menu> viene visualizzato come menu contestuale | Event |
| stalled | Questo evento si verifica quando il browser tenta di recuperare i dati dei media ma i dati non sono disponibili | Event |
| storage | Questo evento si verifica quando viene aggiornata l'area di archiviazione Web | StorageEvent |
| submit | Questo evento si verifica quando viene inviato un modulo | Event |
| suspend | Questo evento si verifica quando il browser intenzionalmente non recupera i dati dei media | Event |
| timeupdate | Questo evento si verifica quando cambia la posizione di riproduzione (ad esempio, quando l'utente va rapidamente a un altro punto nei media) | Event |
| toggle | Questo evento si verifica quando l'utente apre o chiude l'elemento <details> | Event |
| touchcancel | Questo evento si verifica quando il tocco viene interrotto | TouchEvent |
| touchend | Questo evento si verifica quando il dito viene rimosso dallo schermo | TouchEvent |
| touchmove | Questo evento si verifica quando il dito viene trascinato sull' schermo | TouchEvent |
| touchstart | Questo evento si verifica quando il dito viene messo sullo schermo | TouchEvent |
| transitionend | Questo evento si verifica quando la transizione CSS è completata. | TransitionEvent |
| unload | Questo evento si verifica quando il documento o le risorse dipendenti vengono scaricati | UiEvent, Event |
| volumechange | Questo evento si verifica quando la volume dei media è stata modificata (incluso impostare il volume su "silenzio") | Event |
| waiting | Questo evento si verifica quando i media sono stati interrotti ma si prevede che verranno ripristinati (ad esempio, i media sono stati interrotti per caricare più dati in cache) | Event |
| wheel | Questo evento si verifica quando la rotellina del mouse scorre su o giù sull'elemento | WheelEvent |
La tabella seguente elenca le proprietà degli eventi DOM:
| Proprietà | Descrizione | Tipo di evento |
|---|---|---|
| altKey | Restituisce se è stato premuto il tasto "ALT" quando è stato attivato l'evento del mouse | MouseEvent |
| altKey | Restituisce se è stato premuto il tasto "ALT" quando è stato attivato l'evento della chiave | KeyboardEvent, TouchEvent |
| animationName | Restituisce il nome dell'animazione | AnimationEvent |
| bubbles | Restituisce se l'evento specifico è un evento di bollettazione | Event |
| button | Restituisce il pulsante del mouse premuto quando si verifica l'evento del mouse. | MouseEvent |
| buttons | Restituisce il pulsante del mouse premuto quando si verifica l'evento del mouse. | MouseEvent |
| cancelable | Restituisce se l'evento può prevenire la sua operazione predefinita | Event |
| charCode | Restituisce il codice Unicode del carattere della chiave attivata l'evento onkeypress | KeyboardEvent |
| changeTouches | Restituisce l'elenco di tutti gli oggetti di tocco che hanno cambiato lo stato tra l'ultimo tocco e questo tocco | TouchEvent |
| clientX | Restituisce l'asse orizzontale del puntatore del mouse rispetto alla finestra corrente quando è stato attivato l'evento del mouse | MouseEvent, TouchEvent |
| clientY | Restituisce l'asse verticale del puntatore del mouse rispetto alla finestra corrente quando è stato attivato l'evento del mouse | MouseEvent, TouchEvent |
| clipboardData | Restituisce un oggetto che contiene i dati influenzati dalle operazioni della scheda | ClipboardData |
| code | Restituisce il codice della chiave attivata l'evento | KeyboardEvent |
| composed | Restituisce se l'evento è composto | Event |
| ctrlKey | Restituisce se è stato premuto il tasto "CTRL" quando è stato attivato l'evento del mouse | MouseEvent |
| ctrlKey | Restituisce se è stato premuto il tasto 'CTRL' durante l'evento di pressione della tastiera | KeyboardEvent, TouchEvent |
| currentTarget | Restituisce l'elemento che ha attivato l'evento tramite l'ascoltatore di eventi | Event |
| data | Restituisce il carattere inserito | InputEvent |
| dataTransfer | Restituisce un oggetto che contiene i dati da trascinare/inserire o eliminare | DragEvent, InputEvent |
| defaultPrevented | Restituisce se è stato chiamato il metodo preventDefault() per l'evento | Event |
| deltaX | Restituisce la quantità di scorrimento orizzontale della rotellina del mouse (asse x) | WheelEvent |
| deltaY | Restituisce la quantità di scorrimento verticale della rotellina del mouse (asse y) | WheelEvent |
| deltaZ | Restituisce la quantità di scorrimento della rotellina del mouse sull'asse Z | WheelEvent |
| deltaMode | Restituisce un numero che rappresenta l'unità di misura dell'incremento (pixel, linee o pagine) | WheelEvent |
| detail | Restituisce un numero che indica il numero di volte che il mouse è stato cliccato | UiEvent |
| elapsedTime | Restituisce i secondi trascorsi dall'inizio dell'animazione | AnimationEvent |
| elapsedTime | Restituisce i secondi trascorsi dallo start della transizione | |
| eventPhase | Restituisce quale fase dell'evento di flusso sta valutando | Event |
| inputType | Restituisce il tipo di modifica (cioè 'inserimento' o 'eliminazione') | InputEvent |
| isComposing | Restituisce se lo stato dell'evento è in composizione | InputEvent, KeyboardEvent |
| isTrusted | Restituisce se l'evento è fidato | Event |
| key | Restituisce il valore del tasto rappresentato dall'evento | KeyboardEvent |
| key | Restituisce la chiave dell'oggetto di archiviazione modificato | StorageEvent |
| keyCode | Restituisce il codice Unicode del carattere che ha attivato l'evento onkeypress, o il codice di pulsante Unicode del tasto che ha attivato l'evento onkeydown o onkeyup. | KeyboardEvent |
| location | Restituisce la posizione della tastiera o del tasto sul dispositivo | KeyboardEvent |
| lengthComputable | Restituisce se la lunghezza del progresso può essere calcolata | ProgressEvent |
| loaded | Restituisce la quantità di lavoro caricato | ProgressEvent |
| metaKey | Restituisce se è stato premuto il tasto 'META' durante l'evento di pressione della tastiera | MouseEvent |
| metaKey | Restituisce se è stato premuto il tasto 'meta' durante l'evento di pressione della tastiera | KeyboardEvent, TouchEvent |
| MovementX | Restituisce l'ordinata del puntatore del mouse rispetto all'ultima posizione del evento mousemove | MouseEvent |
| MovementY | Restituisce l'ascissa del puntatore del mouse rispetto all'ultima posizione del evento mousemove | MouseEvent |
| newValue | Restituisce il nuovo valore dell'oggetto di archiviazione modificato | StorageEvent |
| newURL | Restituisce l'URL del documento dopo la modifica dell'hash | HasChangeEvent |
| offsetX | Restituisce l'ordinata del puntatore del mouse rispetto all'edge dell'elemento target | MouseEvent |
| offsetY | Restituisce l'ascissa del puntatore del mouse rispetto all'edge dell'elemento target | MouseEvent |
| oldValue | Restituisce il valore precedente dell'oggetto di archiviazione modificato | StorageEvent |
| oldURL | Restituisce l'URL del documento prima della modifica dell'hash | HasChangeEvent |
| onemptied | Questo evento si verifica quando si verifica un problema e il file multimediale diventa improvvisamente non disponibile (ad esempio, disconnessione imprevista). | |
| pageX | Restituisce l'assisse X del puntatore del mouse rispetto al documento al momento dell'attivazione dell'evento del mouse. | MouseEvent |
| pageY | Restituisce l'assisse Y del puntatore del mouse rispetto al documento al momento dell'attivazione dell'evento del mouse. | MouseEvent |
| persisted | Restituisce se la pagina web è stata cacheata dal browser. | PageTransitionEvent |
| propertyName | Restituisce il nome dell'attributo CSS associato all'animazione o alla transizione. | AnimationEvent, TransitionEvent |
| pseudoElement | Restituisce il nome del pseudo-elemento dell'animazione o della transizione. | AnimationEvent, TransitionEvent |
| region | MouseEvent | |
| relatedTarget | Restituisce l'elemento correlato all'elemento che ha attivato l'evento del mouse. | MouseEvent |
| relatedTarget | Restituisce l'elemento correlato all'elemento che ha attivato l'evento. | FocusEvent |
| repeat | Restituisce se è stato premuto ripetutamente un tasto. | KeyboardEvent |
| screenX | Restituisce l'assisse X del puntatore del mouse rispetto allo schermo al momento dell'attivazione dell'evento. | MouseEvent |
| screenY | Restituisce l'assisse Y del puntatore del mouse rispetto allo schermo al momento dell'attivazione dell'evento. | MouseEvent |
| shiftKey | Restituisce se è stato premuto il tasto 'SHIFT' al momento dell'attivazione dell'evento. | MouseEvent |
| shiftKey | Restituisce se è stato premuto il tasto 'SHIFT' durante l'evento di digitazione. | KeyboardEvent, TouchEvent |
| state | Restituisce un oggetto che contiene una copia dell'entrata della cronologia. | PopStateEvent |
| storageArea | Restituisce un oggetto che rappresenta l'area di archiviazione interessata. | StorageEvent |
| target | Restituisce l'elemento che ha attivato l'evento. | Event |
| targetTouches | Restituisce l'elenco di tutti gli oggetti di tocco in contatto con la superficie e gli oggetti di tocco che hanno generato l'evento touchstart sull'elemento target corrente. | TouchEvent |
| timeStamp | Restituisce il tempo di creazione dell'evento (in millisecondi rispetto all'epoch). | Event |
| total | Restituisce la quantità totale di lavoro da caricare. | ProgressEvent |
| touches | Restituisce l'elenco di tutti gli oggetti di tocco in contatto con la superficie corrente. | TouchEvent |
| transitionend | Questo evento si verifica quando la transizione CSS è completata. | TransitionEvent |
| type | Restituisce il nome dell'evento. | Event |
| url | Restituisce l'URL del documento del progetto modificato. | StorageEvent |
| which | Restituisce il pulsante del mouse premuto quando si verifica l'evento del mouse. | MouseEvent |
| which | Restituisce il codice Unicode del carattere che ha attivato l'evento onkeypress, o il codice di pulsante Unicode del tasto che ha attivato l'evento onkeydown o onkeyup. | KeyboardEvent |
| view | Restituire un riferimento all'oggetto Window su cui è avvenuto l'evento | UiEvent |
La tabella seguente elenca i metodi degli eventi DOM:
| Metodo | Descrizione | Tipo di evento |
|---|---|---|
| createEvent() | Creare un nuovo evento | Event |
| getTargetRanges() | Restituire un array che contiene l'intervallo di destinazione, che sarà influenzato dall'inserimento/rimozione | InputEvent |
| getModifierState() | Restituire un array che contiene l'intervallo di destinazione, che sarà influenzato dall'inserimento/rimozione | MouseEvent |
| preventDefault() | Bloccare l'esecuzione dell'operazione predefinita selezionata dal browser | Event |
| stopImmediatePropagation() | Prevenire che altri ascoltatori dello stesso evento vengano chiamati | Event |
| stopPropagation() | Prevenire la propagazione ulteriore dell'evento nel flusso di eventi | Event |
Guida JavaScript:Eventi JavaScript
Guida JavaScript:Ascoltatore di eventi
Guida JavaScript:Ciclo di propagazione degli eventi