Oggetto Evento

Eventi DOM Oggetto Evento

Oggetto Evento

All event objects in the DOM are based on the Event object.

Therefore, all other event objects (such as MouseEvent and KeyboardEvent）can access the properties and methods of the Event object.

Event properties and methods

Properties/Methods Description
bubbles Returns whether a specific event is a bubbling event.
cancelBubble Sets or returns whether the event should propagate up the hierarchy.
cancelable Returns whether the event can prevent its default action.
composed Indicates whether the event can be passed from the Shadow DOM to the general DOM.
composedPath() Returns the path of the event.
createEvent() Creates a new event.
currentTarget Returns the element that triggered the event's listeners.
defaultPrevented Returns whether preventDefault() method was called for the event.
eventPhase Returns which phase of the event flow the current event is being evaluated at.
isTrusted Returns whether the event is trusted.
preventDefault() If the event can be canceled, cancel it without executing the default action that belongs to the event.
stopImmediatePropagation() Prevents other listeners for the same event from being called.
stopPropagation() Prevents the event from propagating further in the event flow.
target Returns the element that triggered the event.
timeStamp Returns the time the event was created (in milliseconds relative to the epoch).
type Returns the event name.

Event type

These event types belong to the Event object:

Event Description
abort This event occurs when the media loading is aborted.
afterprint When the page starts printing or the print dialog box is closed, this event occurs.
beforeprint Si verifica questo evento quando la pagina è pronta per essere stampata.
beforeunload Si verifica questo evento prima che il documento venga scaricato.
canplay Si verifica questo evento quando il browser può iniziare a riprodurre il media.
canplaythrough Si verifica questo evento quando il browser può riprodurre il media senza interrompere il buffering.
change Si verifica questo evento quando il contenuto del elemento form, la selezione o lo stato selezionato cambia.
error Si verifica questo evento quando si verifica un errore dopo aver caricato un file esterno.
fullscreenchange Si verifica questo evento quando un elemento viene visualizzato in modalità a schermo intero.
fullscreenerror Si verifica questo evento quando un elemento non può essere visualizzato in modalità a schermo intero.
input Si verifica questo evento quando un elemento riceve input utente.
invalid Si verifica questo evento quando un elemento è invalido.
load Si verifica questo evento quando l'oggetto è stato caricato.
loadeddata Si verifica questo evento quando i dati del media sono stati caricati.
loadedmetadata Si verifica questo evento quando si caricano i metadati (ad esempio, dimensioni e durata) del media.
message Si verifica questo evento quando si riceve un messaggio tramite questo origine dell'evento.
offline Si verifica questo evento quando il browser inizia a lavorare offline.
online Si verifica questo evento quando il browser inizia a lavorare online.
open Si verifica questo evento quando si apre una connessione con l'origine dell'evento.
pause Si verifica questo evento quando il media viene messo in pausa dall'utente o in modo programmato.
play Si verifica questo evento quando il media è iniziato o non più in pausa.
playing Si verifica questo evento quando il media viene riprodotto dopo essere stato interrotto o fermato per il buffering.
progress Si verifica questo evento quando il browser è in fase di ottenere dati multimediali.
ratechange Si verifica questo evento quando si cambia la velocità di riproduzione del media.
resize Si verifica questo evento quando si modifica la dimensione della vista del documento.
reset Si verifica questo evento quando si resetta un modulo.
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.
seeked Si verifica questo evento quando l'utente ha completato il movimento/salto a una nuova posizione nel media.
seeking Si verifica questo evento quando l'utente inizia a muoversi/saltare a una nuova posizione nel media.
select Si verifica questo evento quando l'utente seleziona del testo (per <input> e <textarea>).
show Si verifica questo evento quando l'elemento <menu> viene visualizzato come menu contestuale.
stalled Si verifica questo evento quando il browser tenta di ottenere dati multimediali ma i dati non sono disponibili.
submit Questo evento si verifica quando viene inviato un modulo.
suspend Questo evento si verifica quando il browser intenzionalmente non recupera dati multimediali.
timeupdate Questo evento si verifica quando la posizione di riproduzione cambia.
toggle Questo evento si verifica quando l'utente apre o chiude l'elemento <details>.
unload Questo evento si verifica dopo che la pagina è stata scaricata (per <body>).
waiting Questo evento si verifica quando i media sono in pausa ma si prevede che vengano ripresi.
Eventi DOM Oggetto Evento