Eventi HTML DOM

Eventi HTML DOM

Gli eventi DOM HTML permettono a JavaScript di registrare diversi gestori di eventi sugli elementi del documento HTML.

Gli eventi vengono spesso utilizzati insieme a funzioni, in modo che la funzione non venga eseguita prima che l'evento si verifichi (ad esempio, quando l'utente clicca su un pulsante).

Per ulteriori tutorial sugli eventi, studia i nostri Guida JavaScript Eventi.

Evento Descrizione Appartiene
abort Si verifica questo evento quando il caricamento dei media viene interrotto.
afterprint Si verifica questo evento quando la pagina inizia a essere stampata o quando viene chiuso il dialogo di stampa. Event
animationend Si verifica questo evento quando l'animazione CSS è completata. AnimationEvent
animationiteration Si verifica questo evento durante l'iterazione dell'animazione CSS. AnimationEvent
animationstart Si verifica questo evento quando inizia l'animazione CSS. AnimationEvent
beforeprint Si verifica questo evento quando la pagina è pronta per essere stampata. Event
beforeunload Si verifica questo evento prima che il documento venga scaricato.
blur Si verifica questo evento quando l'elemento perde il fuoco. FocusEvent
canplay Si verifica questo evento quando il browser può iniziare a riprodurre i media. Event
canplaythrough Si verifica questo evento quando il browser può riprodurre i media senza interrompere il buffering. Event
change Si verifica questo evento quando il contenuto, la selezione o lo stato selezionato del elemento del form cambia. Event
click Si verifica questo evento quando l'utente clicca sull'elemento. MouseEvent
contextmenu Si verifica questo evento quando l'utente clicca con il tasto destro su un elemento per aprire il menu contestuale. MouseEvent
copy Si verifica questo evento quando l'utente copia il contenuto dell'elemento. ClipboardEvent
cut Si verifica questo evento quando l'utente taglia il contenuto dell'elemento. ClipboardEvent
dblclick Si verifica questo evento quando l'utente fa doppio clic sull'elemento. MouseEvent
drag Si verifica questo evento quando l'elemento viene trascinato. DragEvent
dragend Quando l'utente completa il trascinamento di un elemento, si verifica questo evento. DragEvent
dragenter Quando l'elemento trascinato entra nel punto di destinazione, si verifica questo evento. DragEvent
dragleave Quando l'elemento trascinato si allontana dal punto di destinazione, si verifica questo evento. DragEvent
dragover Quando l'elemento trascinato si trova sopra il punto di destinazione, si verifica questo evento. DragEvent
dragstart Quando l'utente inizia a trascinare un elemento, si verifica questo evento. DragEvent
drop Quando l'elemento trascinato viene posizionato sul punto di destinazione, si verifica questo evento. DragEvent
durationchange Si verifica questo evento quando cambia la durata del media. Event
ended Si verifica questo evento quando il media giunge alla fine. Event
error Quando si verifica un errore dopo che è stato caricato un file esterno, si verifica questo evento.
focus Si verifica questo evento quando un elemento ottiene il focus. FocusEvent
focusin Si verifica questo evento quando un elemento sta per ottenere il focus. FocusEvent
focusout Si verifica questo evento quando un elemento sta per perdere il focus. FocusEvent
fullscreenchange Quando un elemento viene visualizzato in modalità a schermo intero, si verifica questo evento. Event
fullscreenerror Quando un elemento non può essere visualizzato in modalità a schermo intero, si verifica questo evento. Event
hashchange Quando la parte di ancore dell'URL cambia, si verifica questo evento. HashChangeEvent
input Quando un elemento riceve l'input dell'utente, si verifica questo evento.
invalid Si verifica questo evento quando un elemento è invalido. Event
keydown Quando l'utente preme una chiave, si verifica questo evento. KeyboardEvent
keypress Quando l'utente preme una chiave, si verifica questo evento. KeyboardEvent
keyup Quando l'utente rilascia una chiave, si verifica questo evento. KeyboardEvent
load Si verifica questo evento quando l'oggetto è stato caricato.
loadeddata Si verifica questo evento dopo che i dati del media sono stati caricati. Event
loadedmetadata Si verifica questo evento quando si caricano i metadati (ad esempio, dimensioni e durata). Event
loadstart Quando il browser inizia a cercare il media specificato, si verifica questo evento. ProgressEvent
message Si verifica questo evento quando si ricevono messaggi tramite questo evento sorgente. Event
mousedown Quando l'utente preme il pulsante del mouse su un elemento, si verifica questo evento. MouseEvent
mouseenter Quando il puntatore si muove su un elemento, si verifica questo evento. MouseEvent
mouseleave Quando il puntatore si sposta fuori da un elemento, si verifica questo evento. MouseEvent
mousemove Quando il puntatore si muove sopra un elemento, si verifica questo evento. MouseEvent
mouseout Quando l'utente sposta il puntatore del mouse fuori da un elemento o dai suoi elementi figli, si verifica questo evento. MouseEvent
mouseover Quando il puntatore si muove su un elemento o sui suoi elementi figli, si verifica questo evento. MouseEvent
mouseup Quando l'utente rilascia il pulsante del mouse su un elemento, si verifica questo evento. MouseEvent
mousewheel Non raccomandato per l'uso.Si prega di utilizzare alternativamente wheel Evento. WheelEvent
offline Si verifica questo evento quando il browser inizia a lavorare offline. Event
online Si verifica questo evento quando il browser inizia a lavorare in linea. Event
open Si verifica questo evento quando si apre una connessione con l'origine dell'evento. Event
pagehide Si verifica questo evento quando l'utente lascia una pagina web per la navigazione. PageTransitionEvent
pageshow Si verifica questo evento quando l'utente naviga verso una pagina web. PageTransitionEvent
paste Si verifica questo evento quando l'utente incolla del contenuto in un elemento. ClipboardEvent
pause Si verifica questo evento quando il media viene messo in pausa dall'utente o programmaticamente. Event
play Si verifica questo evento quando il media è iniziato o non più in pausa. Event
playing Si verifica questo evento quando il media viene riprodotto dopo essere stato interrotto o fermato per il buffering. Event
popstate Si verifica questo evento quando cambia la cronologia della finestra. PopStateEvent
progress Si verifica questo evento quando il browser è in fase di ottenere dati mediatici. Event
ratechange Si verifica questo evento quando cambia la velocità di riproduzione del media. Event
reset Si verifica questo evento quando si annulla un modulo. Event
resize Si verifica questo evento quando si aggiusta la dimensione della vista del documento.
scroll Si verifica questo evento quando si scorre la barra di scorrimento di un elemento.
search Si verifica questo evento quando l'utente inserisce del contenuto nel campo di ricerca. Event
seeked Si verifica questo evento quando l'utente completa il movimento/salto a una nuova posizione nel media. Event
seeking Si verifica questo evento quando l'utente inizia a muoversi/saltare a una nuova posizione nel media. Event
select Si verifica questo evento dopo che l'utente ha selezionato del testo (per <input> e <textarea>).
show Si verifica questo evento quando l'elemento <menu> viene visualizzato come menu contestuale. Event
stalled Si verifica questo evento quando il browser tenta di ottenere dati mediatici ma non sono disponibili. Event
storage Si verifica questo evento quando viene aggiornata la regione di archiviazione web. StorageEvent
submit Si verifica questo evento quando viene inviato un modulo. Event
suspend Si verifica questo evento quando il browser non intende ottenere dati mediatici. Event
timeupdate Si verifica questo evento quando cambia la posizione di riproduzione. Event
toggle Si verifica questo evento quando l'utente apre o chiude l'elemento <details>. Event
touchcancel Si verifica questo evento quando il tocco viene interrotto. TouchEvent
touchend Si verifica questo evento quando il dito viene rimosso dallo schermo touch. TouchEvent
touchmove Si verifica questo evento quando il dito scorre sull' schermo. TouchEvent
touchstart Si verifica questo evento quando il dito è posizionato sullo schermo touch. TouchEvent
transitionend Si verifica questo evento quando la trasformazione CSS è completata. TransitionEvent
unload Questo evento si verifica dopo che la pagina è stata scaricata (per <body>).
volumechange Questo evento si verifica quando la volume dei media è stato modificato. Event
waiting Questo evento si verifica quando i media sono stati messi in pausa ma si prevede che vengano ripresi. Event
wheel Questo evento si verifica quando la rotellina del mouse scende o sale nell'elemento. WheelEvent

Proprietà e metodi degli eventi HTML DOM

Proprietà/Metodo Descrizione Appartiene
altKey Restituisce se è stato premuto il tasto "ALT" durante l'evento del mouse. MouseEvent
altKey Restituisce se è stato premuto il tasto "ALT" durante l'evento di pulsante.
animationName Restituisce il nome dell'animazione. AnimationEvent
bubbles Restituisce se l'evento specifico è un evento bubbling. Event
button Restituisce il pulsante del mouse premuto durante l'evento di mouse. MouseEvent
buttons Restituisce il pulsante del mouse premuto durante l'evento di mouse. MouseEvent
cancelBubble Imposta o restituisce se l'evento dovrebbe essere propagato verso l'alto nella gerarchia degli eventi.
cancelable Restituisce se è possibile prevenire l'operazione predefinita dell'evento. Event
changeTouches Restituisce l'elenco di tutti gli oggetti di tocco che hanno cambiato stato tra il tocco precedente e il tocco corrente. TouchEvent
charCode Restituisce il codice Unicode della chiave che ha scatenato l'evento onkeypress. KeyboardEvent
clientX Restituisce la coordinate orizzontali del puntatore del mouse rispetto alla finestra corrente quando l'evento del mouse è scatenato.
clientY Restituisce la coordinate verticale del puntatore del mouse rispetto alla finestra corrente quando l'evento del mouse è scatenato.
clipboardData Restituisce l'oggetto che contiene i dati influenzati dalle operazioni della clipboard. ClipboardData
code Restituisce il codice della chiave che ha scatenato l'evento. KeyboardEvent
composed Indica se l'evento può essere trasmesso dal Shadow DOM al DOM generale. Event
composedPath() Restituisce il percorso dell'evento.
createEvent() Crea un nuovo evento. Event
ctrlKey Restituisce se è stato premuto il tasto "CTRL" durante l'evento del mouse. MouseEvent
ctrlKey Restituisce se è stato premuto il tasto "CTRL" durante l'evento di pulsante del mouse.
currentTarget Restituisce l'elemento che ha scatenato l'evento tramite l'ascoltatore degli eventi. Event
data Restituisce il carattere inserito. InputEvent
dataTransfer Restituisce un oggetto che contiene i dati trascinati o inseriti/rimossi.
defaultPrevented Restituisce se il metodo preventDefault() è stato chiamato 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 dell'asse Z della rotellina del mouse. WheelEvent
deltaMode Restituisce un numero che rappresenta l'unità di misura del valore incrementale (pixel, linea o pagina). WheelEvent
detail Restituisce un numero che indica quante volte è stato cliccato il mouse. UiEvent
elapsedTime Restituisce i secondi trascorsi dall'inizio dell'animazione. AnimationEvent
elapsedTime Restituisce i secondi trascorsi dallo start della transizione. 　
eventPhase Restituisce a quale fase dell'evento di flusso di eventi si trova l'evento corrente. Event
getModifierState() Restituisce un array che contiene l'intervallo target, che sarà influenzato dall'inserimento/rimozione. MouseEvent
getTargetRanges() Restituisce un array che contiene l'intervallo target, che sarà influenzato dall'inserimento/rimozione. InputEvent
inputType Restituisce il tipo di modifica (cioè "inserting" o "deleting"). InputEvent
isComposing Restituisce se lo stato dell'evento è in costruzione.
isTrusted Restituisce se l'evento è affidabile. Event
key Restituisce il valore della chiave rappresentata dall'evento. KeyboardEvent
key Restituisce la chiave dell'elemento di archiviazione modificato. StorageEvent
keyCode Restituisce il codice Unicode della chiave che ha scatenato l'evento onkeypress, onkeydown o onkeyup. KeyboardEvent
location Restituisce la posizione della chiave sulla tastiera o sul dispositivo. KeyboardEvent
lengthComputable Restituisce se la lunghezza del progresso è calcolabile. ProgressEvent
loaded Restituisce la quantità di lavoro già caricato. ProgressEvent
metaKey Restituisce se è stato premuto il tasto "META" al momento dell'evento. MouseEvent
metaKey Restituisce se è stato premuto il tasto "META" al momento dell'evento di pulsante.
MovementX Restituisce le coordinate orizzontali del puntatore del mouse rispetto all'ultimo evento mousemove. MouseEvent
MovementY Restituisce la coordinate verticali del puntatore del mouse rispetto all'ultimo evento mousemove. MouseEvent
newURL Restituisce l'URL del documento dopo la modifica dell'hash. HasChangeEvent
newValue Restituisce il nuovo valore dell'elemento di archiviazione modificato. StorageEvent
offsetX Restituisce le coordinate orizzontali del puntatore del mouse rispetto al margine dell'elemento target. MouseEvent
offsetY Restituisce la coordinate verticali del puntatore del mouse rispetto al margine dell'elemento target. MouseEvent
oldURL Restituisce l'URL del documento prima della modifica dell'hash. HasChangeEvent
oldValue Restituisce il valore precedente dell'elemento di archiviazione modificato. StorageEvent
onemptied Questo evento si verifica quando si verifica una situazione negativa e il file multimediale diventa improvvisamente non disponibile. 　
pageX Restituisce le coordinate orizzontali del puntatore del mouse rispetto al documento al momento dell'evento del mouse. MouseEvent
pageY Restituisce la coordinate verticali del puntatore del mouse rispetto al documento al momento dell'evento del mouse. MouseEvent
persisted Restituisce se la pagina web è stata cacheata dal browser. PageTransitionEvent
preventDefault() Annulla l'evento se possibile, senza eseguire l'azione predefinita dell'evento. Event
propertyName Restituisce il nome dell'attributo CSS associato all'animazione o alla transizione.
pseudoElement Restituisce il nome del pseudo-elemento dell'animazione o della transizione.
region MouseEvent
relatedTarget Restituisce l'elemento associato all'elemento che ha attivato l'evento di mouse. MouseEvent
relatedTarget Restituisce l'elemento associato all'elemento che ha attivato l'evento. FocusEvent
repeat Restituisce se è stato ripetutamente premuto un tasto. KeyboardEvent
screenX Restituisce l'asse x del puntatore del mouse o della finestra rispetto allo schermo. MouseEvent
screenY Restituisce l'asse y del puntatore del mouse o della finestra rispetto allo schermo. MouseEvent
shiftKey Restituisce se la chiave "SHIFT" è stata premuta quando è stato attivato l'evento. MouseEvent
shiftKey Restituisce se la chiave "SHIFT" è stata premuta durante l'evento di pulsante di scelta.
state Restituisce l'oggetto che contiene una copia dell'entry della cronologia. PopStateEvent
stopImme...() Impedisce che altri ascoltatori dello stesso evento vengano chiamati. Event
stopPropagation() Impedisce che l'evento si diffonda ulteriormente nel flusso degli eventi. Event
storageArea Restituisce l'oggetto che rappresenta l'oggetto di archiviazione interessato. StorageEvent
target Restituisce l'elemento che ha attivato l'evento. Event
targetTouches Restituisce la lista TouchList degli oggetti Touch che contengono tutti i punti di tocco ancora in contatto con la superficie. 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 touch attualmente in contatto con la superficie. TouchEvent
type Restituisce il nome dell'evento. Event
url Restituisce l'URL del documento nella quale si trova l'elemento modificato. StorageEvent
which Restituisce il pulsante del mouse premuto durante l'evento di mouse. MouseEvent
which Restituisce il codice Unicode del carattere di una chiave che ha attivato l'evento onkeypress, o il codice della chiave Unicode di una chiave che ha attivato gli eventi onkeydown o onkeyup. KeyboardEvent
view Restituisce un riferimento all'oggetto Window su cui è avvenuto l'evento. UiEvent