HTML DOM Eventi
eventi HTML DOM consentono JavaScript per registrare diversi gestori di eventi su elementi in un documento HTML.
Gli eventi sono normalmente utilizzati in combinazione con le funzioni, e la funzione non saranno eseguite prima che si verifichi l'evento (such as when a user clicks a button) .
Tip: Il modello di eventi è stato standardizzato dal W3C nel DOM Level 2.
HTML DOM Eventi
DOM: Indica in cui è stato introdotto DOM Level proprietà.
eventi mouse
| Evento | Descrizione | DOM |
|---|---|---|
| al clic | L'evento si verifica quando l'utente clicca su un elemento | 2 |
| oncontextmenu | L'evento si verifica quando l'utente fa clic destro su un elemento per aprire un menu contestuale | 3 |
| ondblclick | L'evento si verifica quando l'utente fa doppio clic su un elemento | 2 |
| onmousedown | L'evento si verifica quando l'utente preme un pulsante del mouse su un elemento | 2 |
| OnMouseEnter | L'evento si verifica quando si sposta il puntatore su un elemento | 2 |
| onMouseLeave | L'evento si verifica quando si sposta il puntatore su un elemento | 2 |
| onMouseMove | L'evento si verifica quando il puntatore si muove mentre si trova sopra un elemento | 2 |
| onmouseover | L'evento si verifica quando si sposta il puntatore su un elemento, o su uno dei suoi figli | 2 |
| onmouseout | L'evento si verifica quando un utente sposta il puntatore del mouse fuori di un elemento, o fuori di uno dei suoi figli | 2 |
| onmouseup | L'evento si verifica quando un utente rilascia un pulsante del mouse su un elemento | 2 |
tastiera Eventi
| Evento | Descrizione | DOM |
|---|---|---|
| onKeyDown | L'evento si verifica quando l'utente preme un tasto | 2 |
| onkeypress | L'evento si verifica quando l'utente preme un tasto | 2 |
| onKeyUp | L'evento si verifica quando l'utente rilascia un tasto | 2 |
Cornice / oggetto Eventi
| Evento | Descrizione | DOM |
|---|---|---|
| OnAbort | L'evento si verifica quando il caricamento di una risorsa è stata interrotta | 2 |
| onbeforeunload | L'evento si verifica prima che il documento sta per essere scaricata | 2 |
| onerror | L'evento si verifica quando si verifica un errore durante il caricamento di un file esterno | 2 |
| onhashchange | L'evento si verifica quando v'è stato modifiche alla parte di ancoraggio di un URL | 3 |
| onload | L'evento si verifica quando un oggetto è caricato | 2 |
| onpageshow | L'evento si verifica quando l'utente passa a una pagina web | 3 |
| onpagehide | L'evento si verifica quando l'utente si sposta da una pagina web | 3 |
| onResize | L'evento si verifica quando la visualizzazione del documento viene ridimensionato | 2 |
| onscroll | L'evento si verifica quando barra di scorrimento di un elemento viene fatto scorrere | 2 |
| onunload | L'evento si verifica una volta una pagina ha scaricato (per <body>) | 2 |
Modulo Eventi
| Evento | Descrizione | DOM |
|---|---|---|
| sfocato | L'evento si verifica quando un elemento perde l'attivazione | 2 |
| onchange | L'evento si verifica quando il contenuto di un elemento del modulo, la selezione, o lo stato controllato sono cambiati (for <input>, <keygen>, <select>, and <textarea>) | 2 |
| onfocus | L'evento si verifica quando un elemento viene messa a fuoco | 2 |
| onfocusin | L'evento si verifica quando un elemento sta per cominciare fuoco | 2 |
| onfocusout | L'evento si verifica quando un elemento è sul punto di perdere la concentrazione | 2 |
| oninput | L'evento si verifica quando un elemento riceve l'input dell'utente | 3 |
| oninvalid | L'evento si verifica quando un elemento non è valido | 3 |
| onreset | L'evento si verifica quando un modulo viene azzerato | 2 |
| onsearch | L'evento si verifica quando l'utente scrive qualcosa in un campo di ricerca (per <input = "search">) | 3 |
| onselect | L'evento si verifica quando l'utente seleziona del testo (for <input> and <textarea>) | 2 |
| onSubmit | L'evento si verifica quando un modulo viene inviato | 2 |
trascinare gli eventi
| Evento | Descrizione | DOM |
|---|---|---|
| ondrag | L'evento si verifica quando un elemento viene trascinato | 3 |
| ondragend | L'evento si verifica quando l'utente ha terminato trascina un elemento | 3 |
| OnDragEnter | L'evento si verifica quando l'elemento trascinato entra nella destinazione di rilascio | 3 |
| ondragleave | L'evento si verifica quando l'elemento trascinato lascia la destinazione di rilascio | 3 |
| OnDragOver | L'evento si verifica quando l'elemento trascinato è sopra il bersaglio goccia | 3 |
| ondragstart | L'evento si verifica quando l'utente inizia a trascinare un elemento | 3 |
| OnDrop | L'evento si verifica quando l'elemento trascinato è caduto sulla destinazione di rilascio | 3 |
Appunti Eventi
| Evento | Descrizione | DOM |
|---|---|---|
| oncopy | L'evento si verifica quando l'utente copia il contenuto di un elemento | |
| oncut | L'evento si verifica quando l'utente taglia il contenuto di un elemento | |
| onpaste | L'evento si verifica quando l'utente incolla alcuni contenuti in un elemento |
Stampa Eventi
| Evento | Descrizione | DOM |
|---|---|---|
| OnAfterPrint | L'evento si verifica quando una pagina è iniziata la stampa, o se la finestra di dialogo di stampa è stata chiusa | 3 |
| OnBeforePrint | L'evento si verifica quando una pagina sta per essere stampato | 3 |
media Eventi
| Evento | Descrizione | DOM |
|---|---|---|
| OnAbort | L'evento si verifica quando il caricamento di un supporto viene interrotta | 3 |
| oncanplay | L'evento si verifica quando il browser può iniziare a giocare i mezzi di comunicazione (quando ha tamponato abbastanza per cominciare) | 3 |
| oncanplaythrough | L'evento si verifica quando il browser può giocare attraverso i mezzi di comunicazione senza fermarsi per il buffering | 3 |
| ondurationchange | L'evento si verifica quando la durata dei media è cambiato | 3 |
| onemptied | L'evento si verifica quando succede qualcosa di brutto e il file multimediale è improvvisamente non disponibile (like unexpectedly disconnects) | 3 |
| onended | L'evento si verifica quando i media hanno raggiungere la fine (useful for messages like "thanks for listening") | 3 |
| onerror | L'evento si verifica quando si è verificato un errore durante il caricamento di un file multimediale | 3 |
| onloadeddata | L'evento si verifica quando i dati supporto sia caricato | 3 |
| onloadedmetadata | L'evento si verifica quando meta dati (like dimensions and duration) vengono caricati | 3 |
| gestore di eventi onLoadStart | L'evento si verifica quando il browser inizia a cercare per il supporto specificato | 3 |
| OnPause | L'evento si verifica quando il supporto è in pausa o dall'utente o di programmazione | 3 |
| onplay | L'evento si verifica quando è stato avviato il supporto o non è più in pausa | 3 |
| onplaying | L'evento si verifica quando il supporto è in riproduzione dopo essere stato messo in pausa o fermato per il buffering | 3 |
| onProgress | L'evento si verifica quando il browser è in procinto di ottenere i dati multimediali (downloading the media) | 3 |
| onratechange | L'evento si verifica quando la velocità di riproduzione dei media è cambiato | 3 |
| onseeked | L'evento si verifica quando l'utente ha terminato movimento / salto in una nuova posizione nei media | 3 |
| onseeking | L'evento si verifica quando l'utente inizia a muoversi / salto in una nuova posizione nei media | 3 |
| onstalled | L'evento si verifica quando il browser sta tentando di ottenere i dati dei media, ma i dati non è disponibile | 3 |
| onsuspend | L'evento si verifica quando il browser è volutamente non sempre i dati multimediali | 3 |
| ontimeupdate | L'evento si verifica quando la posizione di gioco è cambiata (come quando in avanti rapido utente ad un punto diverso nei media) | 3 |
| onvolumechange | L'evento si verifica quando il volume dei media è cambiato (include l'impostazione del volume su "mute") | 3 |
| onwaiting | L'evento si verifica quando il supporto è in pausa ma dovrebbe riprendere (come quando il supporto ferma di buffer più dati) | 3 |
Animazione Eventi
| Evento | Descrizione | DOM |
|---|---|---|
| animationend | L'evento si verifica quando l'animazione CSS ha completato | 3 |
| animationiteration | L'evento si verifica quando un un'animazione CSS si ripete | 3 |
| animationstart | L'evento si verifica quando l'animazione CSS è iniziata | 3 |
Eventi di transizione
| Evento | Descrizione | DOM |
|---|---|---|
| transitionend | L'evento si verifica quando una transizione CSS ha completato | 3 |
Eventi Server-Sent
| Evento | Descrizione | DOM |
|---|---|---|
| onerror | L'evento si verifica quando si verifica un errore con l'origine evento | |
| onMessage | L'evento si verifica quando un messaggio viene ricevuto attraverso l'origine evento | |
| SuApertura | L'evento si verifica quando si apre una connessione con l'origine evento |
Eventi Varie
| Evento | Descrizione | DOM |
|---|---|---|
| onMessage | L'evento si verifica quando un messaggio viene ricevuto attraverso o da un oggetto (WebSocket, Web Worker, Event Source or a child frame or a parent window) | 3 |
| OnMouseWheel | Deprecato. Utilizzare l'onwheel evento invece | |
| ononline | L'evento si verifica quando il browser inizia a lavorare in linea | 3 |
| onoffline | L'evento si verifica quando il browser inizia a lavorare offline | 3 |
| onpopstate | L'evento si verifica quando la storia della finestra cambia | 3 |
| onshow | L'evento si verifica quando un <menu> elemento è mostrato come un menu di scelta rapida | 3 |
| onstorage | L'evento si verifica quando una zona di stoccaggio Web si aggiorna | 3 |
| ontoggle | L'evento si verifica quando l'utente apre o chiude il <details> elemento | 3 |
| onwheel | L'evento si verifica quando la rotella del mouse rotola su o in giù su un elemento | 3 |
Toccare Eventi
| Evento | Descrizione | DOM |
|---|---|---|
| ontouchcancel | L'evento si verifica quando il tocco viene interrotta | |
| ontouchend | L'evento si verifica quando un dito viene rimosso da un touch screen | |
| ontouchmove | L'evento si verifica quando un dito viene trascinato sullo schermo | |
| ontouchstart | L'evento si verifica quando un dito viene posizionato su un touch screen |
oggetto evento
costanti
| Costante | Descrizione | DOM |
|---|---|---|
| CAPTURING_PHASE | La fase evento attuale è la fase di cattura (1) | 1 |
| AT_TARGET | L'evento attuale è nella fase target, ovvero se viene valutata al destinatario dell'evento (2) | 2 |
| BUBBLING_PHASE | La fase evento attuale è la fase di bubbling (3) | 3 |
Proprietà
| Proprietà | Descrizione | DOM |
|---|---|---|
| bolle | Restituisce se un evento specifico è un evento di bubbling | 2 |
| annullabile | Restituisce se un evento può avere la sua azione predefinita impedito | 2 |
| currentTarget | Restituisce l'elemento di cui gli ascoltatori evento innescato l'evento | 2 |
| defaultPrevented | Restituisce se il preventDefault() metodo è stato chiamato per l'evento | 3 |
| eventPhase | Restituisce quale fase del flusso di eventi è attualmente in corso di valutazione | 2 |
| IsTrusted | Restituisce se un evento è attendibile | 3 |
| bersaglio | Restituisce l'elemento che ha generato l'evento | 2 |
| timeStamp | Restituisce il tempo (in milliseconds relative to the epoch) in cui è stato creato l'evento | 2 |
| tipo | Restituisce il nome dell'evento | 2 |
| vista | Restituisce un riferimento all'oggetto finestra in cui l'evento si è verificato | 2 |
metodi
| Metodo | Descrizione | DOM |
|---|---|---|
| preventDefault() | Annulla l'evento se esso è cancellabile, il che significa che non si verificherà l'azione predefinita che appartiene alla manifestazione | 2 |
| stopImmediatePropagation() | Impedisce altri ascoltatori dello stesso evento da essere chiamato | 3 |
| stopPropagation() | Impedisce ulteriore propagazione di un evento durante flusso di eventi | 2 |
MouseEvent Object
| Proprietà | Descrizione | DOM |
|---|---|---|
| altKey | Restituisce se il "ALT" tasto è stato premuto quando l'evento del mouse è stato attivato | 2 |
| pulsante | Rendimenti che il pulsante del mouse è stato premuto durante l'evento del mouse è stato attivato | 2 |
| pulsanti | Rendimenti che i pulsanti del mouse sono stati premuti quando l'evento del mouse è stato attivato | 3 |
| clientX | Restituisce la coordinata orizzontale del puntatore del mouse, relativamente alla finestra corrente, quando l'evento del mouse è stato attivato | 2 |
| clientY | Restituisce la coordinata verticale del puntatore del mouse, relativamente alla finestra corrente, quando l'evento del mouse è stato attivato | 2 |
| ctrlKey | Indica se il "CTRL" tasto è stato premuto quando è stato attivato l'evento del mouse | 2 |
| dettaglio | Restituisce un numero che indica quante volte il mouse è stato cliccato | 2 |
| metakey | Indica se la "META" tasto è stato premuto quando un evento è stato attivato | 2 |
| pageX | Restituisce la coordinata orizzontale del puntatore del mouse, rispetto al documento, quando l'evento del mouse è stato attivato | |
| pagey | Restituisce la coordinata verticale del puntatore del mouse, rispetto al documento, quando l'evento del mouse è stato attivato | |
| relatedTarget | Restituisce l'elemento relativo alla elemento che ha attivato l'evento del mouse | 2 |
| screenX | Restituisce la coordinata orizzontale del puntatore del mouse, rispetto allo schermo, quando un evento è stato attivato | 2 |
| screenY | Restituisce la coordinata verticale del puntatore del mouse, rispetto allo schermo, quando un evento è stato attivato | 2 |
| tasto delle maiuscole | Restituisce se il "SHIFT" tasto è stato premuto quando un evento è stato attivato | 2 |
| quale | Rendimenti che il pulsante del mouse è stato premuto durante l'evento del mouse è stato attivato | 2 |
KeyboardEvent Object
| Proprietà | Descrizione | DOM |
|---|---|---|
| altKey | Restituisce se il "ALT" tasto è stato premuto quando l'evento chiave è stato attivato | 2 |
| ctrlKey | Restituisce se il "CTRL" tasto è stato premuto quando l'evento chiave è stato attivato | 2 |
| charCode | Restituisce il codice del carattere Unicode della chiave che ha attivato l'evento onkeypress | 2 |
| chiave | Restituisce il valore della chiave della chiave rappresentato dall'evento | 3 |
| chiave | Restituisce il codice del carattere Unicode della chiave che ha attivato l'evento onkeypress, o il codice chiave Unicode della chiave che ha attivato l'onkeydown o evento onKeyUp | 2 |
| luogo | Restituisce la posizione di un tasto sulla tastiera o il dispositivo | 3 |
| metakey | Indica se la "meta" tasto è stato premuto quando è stato attivato l'evento chiave | 2 |
| tasto delle maiuscole | Restituisce se il "SHIFT" tasto è stato premuto quando l'evento chiave è stato attivato | 2 |
| quale | Restituisce il codice del carattere Unicode della chiave che ha attivato l'evento onkeypress, o il codice chiave Unicode della chiave che ha attivato l'onkeydown o evento onKeyUp | 2 |
HashChangeEvent Object
| Proprietà | Descrizione | DOM |
|---|---|---|
| newURL | Restituisce l'URL del documento, dopo l'hash è stato modificato | |
| OLDURL | Restituisce l'URL del documento, prima che l'hash è stato cambiato |
PageTransitionEvent Object
| Proprietà | Descrizione | DOM |
|---|---|---|
| persistito | Indica se la pagina web è stata memorizzata nella cache dal browser |
FocusEvent Object
| Proprietà | Descrizione | DOM |
|---|---|---|
| relatedTarget | Restituisce l'elemento relativo alla elemento che ha generato l'evento | 3 |
AnimationEvent Object
| Proprietà | Descrizione | DOM |
|---|---|---|
| animationName | Restituisce il nome dell'animazione | |
| tempo trascorso | Restituisce il numero di secondi un'animazione è stato in esecuzione |
TransitionEvent Object
| Proprietà | Descrizione | DOM |
|---|---|---|
| nome della proprietà | Restituisce il nome della proprietà CSS associato con la transizione | |
| tempo trascorso | Restituisce il numero di secondi una transizione è stato in esecuzione |
WheelEvent Object
| Proprietà | Descrizione | DOM |
|---|---|---|
| deltaX | Restituisce il valore di scorrimento orizzontale di una rotellina (x-axis) | 3 |
| DeltaY | Restituisce il valore di scorrimento verticale di una ruota del mouse (y-axis) | 3 |
| deltaZ | Restituisce il valore di scorrimento di una ruota del mouse per l'asse z | 3 |
| deltaMode | Restituisce un numero che rappresenta l'unità di misura per valori delta (pixels, lines or pages) | 3 |