HTML5 - Eventi

Quando gli utenti visitano il tuo sito web, eseguono varie attività come fare clic su testo, immagini e link, passare il mouse su elementi definiti, ecc. Questi sono esempi di ciò che JavaScript chiama events.

Possiamo scrivere i nostri gestori di eventi in Javascript o VBscript e puoi specificare questi gestori di eventi come valore dell'attributo del tag di evento. La specifica HTML5 definisce vari attributi dell'evento come elencato di seguito:

Possiamo utilizzare il seguente insieme di attributi per attivare qualsiasi javascript o vbscript codice dato come valore, quando c'è un evento che si verifica per qualsiasi elemento HTML5.

Tratteremo eventi specifici dell'elemento mentre discuteremo questi elementi in dettaglio nei capitoli successivi.

Attributo Valore Descrizione
disconnesso script Si attiva quando il documento va offline
onabort script Trigger su un evento di interruzione
onafterprint script Si attiva dopo la stampa del documento
onbeforeonload script Si attiva prima del caricamento del documento
onbeforeprint script Si attiva prima che il documento venga stampato
sfocato script Si attiva quando la finestra perde il focus
oncanplay script Si attiva quando il supporto può avviare la riproduzione, ma potrebbe essere necessario interrompere il buffering
oncanplaythrough script Si attiva quando i media possono essere riprodotti fino alla fine, senza fermarsi per il buffering
onchange script Si attiva quando un elemento cambia
al clic script Si attiva con un clic del mouse
oncontextmenu script Si attiva quando viene attivato un menu contestuale
ondblclick script Trigger su un doppio clic del mouse
ondrag script Si attiva quando un elemento viene trascinato
ondragend script Si attiva alla fine di un'operazione di trascinamento
ondragenter script Si attiva quando un elemento è stato trascinato su una destinazione di rilascio valida
ondragleave script Si attiva quando un elemento lascia un obiettivo di rilascio valido
ondragover script Si attiva quando un elemento viene trascinato su una destinazione di rilascio valida
ondragstart script Trigger all'inizio di un'operazione di trascinamento
ondrop script Si attiva quando l'elemento trascinato viene rilasciato
ondurationchange script Si attiva quando la lunghezza del supporto viene modificata
svuotato script Si attiva quando un elemento di una risorsa multimediale diventa improvvisamente vuoto.
onended script Si attiva quando il supporto raggiunge la fine
onerror script Si attiva quando si verifica un errore
onfocus script Si attiva quando la finestra diventa attiva
onformchange script Si attiva quando un modulo cambia
onforminput script Si attiva quando un modulo riceve l'input dell'utente
onhaschange script Si attiva quando il documento ha subito modifiche
oninput script Si attiva quando un elemento riceve l'input dell'utente
oninvalid script Si attiva quando un elemento non è valido
onkeydown script Si attiva quando viene premuto un tasto
onkeypress script Si attiva quando un tasto viene premuto e rilasciato
onkeyup script Si attiva quando viene rilasciato un tasto
onload script Si attiva quando il documento viene caricato
onloadeddata script Si attiva quando vengono caricati i dati del supporto
onloadedmetadata script Si attiva quando vengono caricati la durata e altri dati multimediali di un elemento multimediale
onloadstart script Si attiva quando il browser inizia a caricare i dati multimediali
onmessage script Si attiva quando il messaggio viene attivato
onmousedown script Si attiva quando viene premuto un pulsante del mouse
onmousemove script Si attiva quando il puntatore del mouse si sposta
onmouseout script Si attiva quando il puntatore del mouse esce da un elemento
onmouseover script Si attiva quando il puntatore del mouse si sposta su un elemento
onmouseup script Si attiva quando viene rilasciato un pulsante del mouse
onmousewheel script Si attiva quando la rotellina del mouse viene ruotata
onoffline script Si attiva quando il documento va offline
in linea script Si attiva quando il documento è online
ononline script Si attiva quando il documento è online
onpagehide script Si attiva quando la finestra è nascosta
onpageshow script Si attiva quando la finestra diventa visibile
in pausa script Si attiva quando i dati multimediali vengono messi in pausa
onplay script Si attiva quando i dati multimediali stanno per iniziare la riproduzione
onplaying script Si attiva quando inizia la riproduzione dei dati multimediali
onpopstate script Si attiva quando cambia la cronologia della finestra
onprogress script Si attiva quando il browser sta recuperando i dati multimediali
onratechange script Si attiva quando la velocità di riproduzione dei dati multimediali cambia
onreadystatechange script Si attiva quando cambia lo stato di pronto
onredo script Si attiva quando il documento esegue una ripetizione
onresize script Si attiva quando la finestra viene ridimensionata
onscroll script Si attiva quando viene fatto scorrere la barra di scorrimento di un elemento
onseeked script Si attiva quando l'attributo di ricerca di un elemento multimediale non è più vero e la ricerca è terminata
alla ricerca script Si attiva quando l'attributo di ricerca di un elemento multimediale è vero e la ricerca è iniziata
onselect script Si attiva quando viene selezionato un elemento
onstalled script Si attiva quando si verifica un errore durante il recupero dei dati multimediali
onstorage script Si attiva quando viene caricato un documento
onsubmit script Si attiva quando viene inviato un modulo
onsuspend script Si attiva quando il browser sta recuperando i dati multimediali, ma si è arrestato prima che l'intero file multimediale fosse recuperato
ontimeupdate script Si attiva quando il supporto cambia la sua posizione di riproduzione
onundo script Si attiva quando un documento esegue un annullamento
onunload script Si attiva quando l'utente lascia il documento
onvolumechange script Si attiva quando il supporto cambia il volume, anche quando il volume è impostato su "muto"
in attesa script Si attiva quando la riproduzione del supporto viene interrotta, ma dovrebbe riprendere