Se vuoi creare pagine web dinamiche, dovrai integrare la tua conoscenza di HTML e CSS con una comprensione di JavaScript . Questo linguaggio di scripting è considerato essenziale nello sviluppo web moderno.
Puoi creare tutti i tipi di app e siti Web interattivi interessanti con JavaScript, ma c'è molto da imparare lungo la strada. Con questo in mente, abbiamo creato per te il seguente cheat sheet di JavaScript.
Il cheat sheet può fungere da rapido aggiornamento sugli elementi JavaScript ogni volta che ne hai bisogno. È utile sia per i principianti che per gli esperti.
Windows 10 non rimarrà connesso al wifi
DOWNLOAD GRATUITO: Questo cheat sheet è disponibile come a PDF scaricabile dal nostro partner di distribuzione, TradePub. Dovrai compilare un breve modulo per accedervi solo per la prima volta. Scarica Il Cheat Sheet di JavaScript definitivo .
Il Cheat Sheet di JavaScript definitivo
scorciatoia | Azione |
---|---|
Array JavaScript | |
concat() | Unisci più array in uno |
copia dentro() | Copia gli elementi dell'array all'interno dell'array, da e verso posizioni specificate |
indice di() | Restituisce il valore primitivo dell'oggetto specificato |
include() | Controlla se un array contiene l'elemento specificato |
aderire() | Combina gli elementi di un array in una singola stringa e restituisci la stringa |
inserimenti() | Restituisce una coppia chiave/valore Array Iteration Object |
ogni() | Controlla se ogni elemento in un array supera un test |
riempire() | Riempi gli elementi in un array con un valore statico |
filtro() | Crea un nuovo array con ogni elemento in un array che supera un test |
trova() | Restituisce il valore del primo elemento in un array che supera un test |
per ciascuno() | Chiama una funzione per ogni elemento dell'array |
a partire dal() | Crea un array da un oggetto |
lastIndexOf() | Indica l'ultima posizione in cui un dato elemento appare in un array |
pop () | Rimuovi l'ultimo elemento di un array |
spingere() | Aggiungi un nuovo elemento alla fine |
inversione() | Ordina gli elementi in ordine decrescente |
ridurre() | Riduci i valori di un array a un singolo valore (andando da sinistra a destra) |
reduceRight() | Riduci i valori di un array a un singolo valore (andando da destra a sinistra) |
spostare() | Rimuovi il primo elemento di un array |
fetta() | Estrai una copia di una parte di un array in un nuovo oggetto array |
ordinare() | Ordina gli elementi in ordine alfabetico |
giunzione() | Aggiungi elementi in un modo e in una posizione specificati |
unshift() | Aggiungi un nuovo elemento all'inizio |
Metodi booleani JavaScript | |
accordare() | Converti un valore booleano in una stringa e restituisci il risultato |
valore di() | Restituisce la prima posizione in cui un dato elemento appare in un array |
aSource() | Restituisce una stringa che rappresenta il codice sorgente dell'oggetto |
Operatori aritmetici JavaScript | |
+ | aggiunta |
- | Sottrazione |
* | Moltiplicazione |
/ | Divisione |
(...) | Operatore di raggruppamento (le operazioni tra parentesi vengono eseguite prima di quelle all'esterno) |
% | Modulo (resto) |
++ | Incrementa i numeri |
- | Decrementa i numeri |
== | Uguale a |
=== | Uguale valore e uguale tipo |
! = | Non uguale |
! == | Valore non uguale o tipo diverso |
> | Più grande di |
< | minore di |
> = | Maggiore o uguale a |
<= | Minore o uguale a |
? | Operatore ternario |
Operatori logici | |
&& | AND . logico |
|| | OR logico |
! | NON logico |
Operatori bit a bit | |
& | AND dichiarazione |
| | O dichiarazione |
~ | NON |
^ | XOR |
<< | Tasto maiuscolo di sinistra |
>> | spostamento a destra |
>>> | Zero riempimento spostamento a destra |
Funzioni | |
mettere in guardia() | Dati di output in una casella di avviso nella finestra del browser |
Confermare() | Apri una finestra di dialogo sì/no e restituisci vero/falso a seconda del clic dell'utente |
console.log() | Scrivere informazioni nella console del browser (buono per scopi di debug) |
document.write() | Scrivi direttamente nel documento HTML |
richiesta() | Crea una finestra di dialogo per l'input dell'utente |
Funzioni globali | |
decodifica () | Decodifica un URI (Uniform Resource Identifier) creato da encodeURI o simili |
decodeURIComponent() | Decodifica l'URI del componente |
codificaURI() | Codifica un URI in UTF-8 |
codificaURIComponent() | Lo stesso ma per i componenti URI |
eval() | Valuta il codice JavaScript rappresentato come una stringa |
isFinite () | Determina se un valore passato è un numero finito |
isNaN() | Determina se un valore è un numero illegale |
Numero() | Converti il valore di un oggetto in un numero |
parseFloat() | Analizza una stringa e restituisce un numero in virgola mobile |
parseInt() | Analizza una stringa e restituisce un intero |
Ciclo JavaScript | |
per | Il modo più comune per creare un ciclo in JavaScript |
mentre | Imposta le condizioni in cui viene eseguito un ciclo |
fare mentre | Simile al ciclo while, tuttavia, viene eseguito almeno una volta ed esegue un controllo alla fine per vedere se la condizione è soddisfatta per l'esecuzione di nuovo |
rottura | Arrestare ed uscire dal ciclo se vengono soddisfatte determinate condizioni |
Continua | Salta parti del ciclo se vengono soddisfatte determinate condizioni |
Personaggi di fuga | |
' | Citazione singola |
' | Citazione doppia |
\ | Barra rovesciata |
B | Backspace |
F | Feed modulo |
Nuova linea | |
R | Ritorno a capo |
T | Tabulatore orizzontale |
v | Tabulatore verticale |
Metodi stringa JavaScript | |
carattere () | Restituisce un carattere in una posizione specificata all'interno di una stringa |
charCodeAt () | Dai l'unicode del carattere in quella posizione |
concat() | Concatena (unisci) due o più stringhe in una |
fromCharCode() | Restituisce una stringa creata dalla sequenza specificata di unità di codice UTF-16 |
indice di() | Fornire la posizione della prima occorrenza del testo specificato all'interno di una stringa |
lastIndexOf() | Uguale a indexOf() ma con l'ultima occorrenza, cercando all'indietro |
incontro() | Recupera le corrispondenze di una stringa rispetto a un modello di ricerca |
sostituire() | Trova e sostituisci il testo specificato in una stringa |
ricerca() | Esegui una ricerca per un testo corrispondente e restituisci la sua posizione |
fetta() | Estrai una sezione di una stringa e restituiscila come una nuova stringa |
diviso() | Dividi un oggetto stringa in un array di stringhe in una posizione specificata |
inizia con() | Controlla se una stringa inizia con i caratteri specificati |
substr() | Simile a slice() ma estrae una sottostringa in base a un numero specificato di caratteri |
sottostringa() | Simile a slice() ma non può accettare indici negativi |
in minuscolo() | Converti le stringhe in minuscolo |
in maiuscolo() | Converti le stringhe in maiuscolo |
valore di() | Restituisce il valore primitivo (che non ha proprietà o metodi) di un oggetto stringa |
SINTASSI DI ESPRESSIONE REGOLARE Modificatori di pattern | |
e | Valutare la sostituzione |
io | Eseguire la corrispondenza senza distinzione tra maiuscole e minuscole |
G | Esegui la corrispondenza globale |
m | Esegui la corrispondenza di più righe |
S | Tratta le stringhe come una linea singola |
X | Consenti commenti e spazi bianchi nel pattern |
tu | Modello non avido |
Parentesi | |
[abc] | Trova uno dei caratteri tra parentesi |
[^ abc] | Trova qualsiasi carattere non tra parentesi |
[0-9] | Trova la cifra specificata tra parentesi |
[A-z] | Trova qualsiasi carattere dalla A maiuscola alla z minuscola |
(a|b|c) | Trova una delle alternative separate con | |
Metacaratteri | |
. | Trova un singolo carattere, eccetto la nuova riga o il terminatore di riga |
in | Carattere di parola |
IN | Carattere non verbale |
D | una cifra |
D | Un carattere senza cifre |
S | Carattere di spazio bianco |
S | Carattere senza spazi |
B | Trova una corrispondenza all'inizio/alla fine di una parola |
B | Trova una corrispondenza non all'inizio/alla fine di una parola |
u0000 | carattere NUL |
Un nuovo carattere di linea | |
F | Carattere feed modulo |
R | Carattere di ritorno a capo |
T | Carattere di tabulazione |
v | Carattere di tabulazione verticale |
xxx | Carattere specificato da un numero ottale xxx |
xdd | Carattere latino specificato da un numero esadecimale dd |
udddd | Carattere Unicode specificato da un numero esadecimale dddd |
quantificatori | |
n+ | Trova qualsiasi stringa che contenga almeno un n |
n* | Qualsiasi stringa che contiene zero o più occorrenze di n |
n? | Qualsiasi stringa che contiene zero o una occorrenza di n |
n{X} | Qualsiasi stringa che contiene una sequenza di X n's |
n {X, Y} | Stringhe che contengono una sequenza da X a Y n's |
n{X,} | Corrisponde a qualsiasi stringa che contiene una sequenza di almeno X n's |
n$ | Qualsiasi stringa con n alla fine |
^n | Stringa con n all'inizio |
?=n | Qualsiasi stringa seguita da una stringa specifica n |
?!n | Stringa non seguita da una stringa specifica n |
Proprietà dei numeri | |
MAX_VALUE | Valore numerico massimo rappresentabile in JavaScript |
MIN_VALUE | Valore numerico positivo più piccolo rappresentabile in JavaScript |
NaN | Il valore Non-un-Numero |
NEGATIVE_INFINITY | Valore infinito negativo |
POSITIVE_INFINITY | Valore infinito positivo |
Metodi numerici | |
toEsponenziale() | Restituisce una stringa con un numero arrotondato scritto come notazione esponenziale |
aRisolto() | Restituisce la stringa di un numero con un numero di decimali specificato |
alla precisione() | Restituisce la stringa di un numero scritto con una lunghezza specificata |
accordare() | Restituisce un numero come stringa |
valore di() | Restituisci un numero come numero |
Proprietà matematiche | |
E | Il numero di Eulero |
LN2 | Logaritmo naturale di 2 |
LN10 | Logaritmo naturale di 10 |
LOG2E | Logaritmo in base 2 di E |
LOG10E | Logaritmo in base 10 di E |
PI | Il numero PI |
SQRT1_2 | Radice quadrata di 1/2 |
SQRT2 | Radice quadrata di 2 |
Metodi matematici | |
addominali(x) | Restituisce il valore assoluto (positivo) di x |
acco (x) | Arcoseno di x, in radianti |
asin(x) | Arcoseno di x, in radianti |
atan (x) | Arcotangente di x come valore numerico |
atan2 (y, x) | Arcotangente del quoziente dei suoi argomenti |
soffitto(x) | Valore di x arrotondato all'intero più vicino |
cos(x) | Il coseno di x (x è in radianti) |
esp(x) | Valore di Ex |
piano(x) | Valore di x arrotondato per difetto all'intero più vicino |
registro(x) | Logaritmo naturale (base E) di x |
massimo(x,y,z,...,n) | Numero con valore più alto |
min (x, y, z, ..., n) | Numero con il valore più basso |
pow (x, y) | X alla potenza di y |
a caso() | Numero casuale compreso tra 0 e 1 |
rotondo(x) | Valore di x arrotondato al numero intero più vicino |
peccato (x) | Seno di x (x è in radianti) |
sqrt(x) | Radice quadrata di x |
quindi (x) | Tangente di un angolo |
Date | |
Data() | Crea un nuovo oggetto data con la data e l'ora correnti |
Data (2017, 5, 21, 3, 23, 10, 0) | Crea un oggetto data personalizzato. I numeri rappresentano anno, mese, giorno, ora, minuti, secondi, millisecondi. Puoi omettere tutto quello che vuoi tranne anno e mese. |
Data (2017-06-23) | Dichiarazione della data come stringa |
getDate() | Ottieni il giorno del mese come numero (1-31) |
getDay() | Ottieni il giorno della settimana come numero (0-6) |
getAnnoCompleto() | Ottieni l'anno come numero a quattro cifre (aaaa) |
getHours() | Ottieni l'ora (0-23) |
getMillisecondi() | Ottieni il millisecondo (0-999) |
getMinuti() | Ottieni il minuto (0-59) |
getMonth() | Ottieni il mese come numero (0-11) |
getSeconds() | Ottieni il secondo (0-59) |
prendi tempo() | Ottieni l'ora (millisecondi dal 1 gennaio 1970) |
getUTCDate () | Giorno (data) del mese nella data specificata secondo l'ora universale (disponibile anche per giorno, mese, anno intero, ore, minuti ecc.) |
analizzare | Analizza una rappresentazione di stringa di una data e restituisce il numero di millisecondi dal 1 gennaio 1970 |
impostare la data() | Imposta il giorno come numero (1-31) |
setAnno intero () | Imposta l'anno (facoltativamente mese e giorno) |
impostaOre () | Imposta l'ora (0-23) |
setMillisecondi() | Imposta i millisecondi (0-999) |
impostaMinuti() | Imposta i minuti (0-59) |
setMese() | Imposta il mese (0-11) |
setSecondi() | Imposta i secondi (0-59) |
tempo impostato() | Imposta l'ora (millisecondi dal 1 gennaio 1970) |
setUTCDate() | Imposta il giorno del mese per una data specificata in base all'ora universale (disponibile anche per giorno, mese, anno intero, ore, minuti ecc.) |
MODALITÀ DOM Proprietà del nodo | |
attributi | Raccolta in tempo reale di tutti gli attributi registrati su un elemento |
baseURI | URL di base assoluto di un elemento HTML |
childNodes | Raccolta dei nodi figli di un elemento |
Primogenito | Primo nodo figlio di un elemento |
ultimo bambino | Ultimo nodo figlio di un elemento |
successivoSibling | Nodo successivo allo stesso livello dell'albero del nodo |
NomeNodo | Nome di un nodo |
nodeType | Tipo di nodo |
valore nodo | Valore di un nodo |
proprietarioDocumento | Oggetto documento di primo livello per il nodo corrente |
parentNode | Nodo padre di un elemento |
precedenteSibling | Nodo immediatamente precedente a quello corrente |
testoContenuto | Contenuto testuale di un nodo e dei suoi discendenti |
Metodi del nodo | |
appendChild() | Aggiungi un nuovo nodo figlio a un elemento come ultimo nodo figlio |
cloneNode() | Clona elemento HTML |
compareDocumentPosition() | Confronta la posizione del documento di due elementi |
getFeature() | Restituisce un oggetto che implementa le API di una funzione specificata |
hasAttributes() | Restituisce vero se un elemento ha degli attributi, altrimenti restituisce falso |
hasChildNodes() | Restituisce vero se un elemento ha nodi figli, altrimenti restituisce falso |
inserire prima() | Inserisci un nuovo nodo figlio prima di un nodo figlio esistente specificato |
isDefaultNamespace() | Restituisce vero se un namespaceURI specificato è l'impostazione predefinita, altrimenti restituisce false |
isEqualNode() | Controlla se due elementi sono uguali |
isSameNode() | Controlla se due elementi sono lo stesso nodo |
è supportato () | Restituisce vero se una funzione specificata è supportata sull'elemento |
lookupNamespaceURI() | Restituisce il namespaceURI associato a un dato nodo |
ricercaPrefisso() | Restituisce una DOMString contenente il prefisso per un dato namespaceURI, se presente |
normalizzare() | Unisci nodi di testo adiacenti e rimuovi i nodi di testo vuoti in un elemento |
rimuovifiglio() | Rimuovere un nodo figlio da un elemento |
sostituisciBambino() | Sostituisci un nodo figlio in un elemento |
Metodi degli elementi | |
getAttributo() | Restituisce il valore dell'attributo specificato di un nodo elemento |
getAttributeNS() | Restituisce il valore stringa dell'attributo con lo spazio dei nomi e il nome specificati |
getAttributeNode() | Ottieni il nodo dell'attributo specificato |
getAttributeNodeNS() | Restituisce il nodo dell'attributo per l'attributo con lo spazio dei nomi e il nome dati |
getElementsByTagName() | Fornisci una raccolta di tutti gli elementi figlio con il nome del tag specificato |
getElementsByTagNameNS() | Restituisce una raccolta HTML live di elementi con un certo nome di tag appartenente al dato spazio dei nomi |
hasAttribute() | Restituisce vero se un elemento ha degli attributi, altrimenti restituisce falso |
hasAttributeNS() | Fornisci un valore vero/falso che indichi se l'elemento corrente in un dato spazio dei nomi ha l'attributo specificato |
removeAttribute() | Rimuovi un attributo specificato da un elemento |
removeAttributeNS() | Rimuovi l'attributo specificato da un elemento all'interno di un certo spazio dei nomi |
removeAttributeNode() | Rimuovi un nodo attributo specificato e restituisci il nodo rimosso |
setAttribute() | Imposta o modifica l'attributo specificato su un valore specificato |
setAttributeNS() | Aggiungi un nuovo attributo o modifica il valore di un attributo con lo spazio dei nomi e il nome dati |
setAttributeNode() | Imposta o modifica il nodo dell'attributo specificato |
setAttributeNodeNS() | Aggiungi un nuovo nodo di attributi con spazio dei nomi a un elemento |
Proprietà della finestra del browser | |
Chiuso | Controlla se una finestra è stata chiusa o meno e restituisce vero o falso |
stato predefinito | Imposta o restituisce il testo predefinito nella barra di stato di una finestra |
documento | Restituisce l'oggetto documento per la finestra |
cornici | Restituisci tutto |
storia | Fornisci l'oggetto Cronologia per la finestra |
altezza interna | Altezza interna dell'area del contenuto di una finestra |
larghezza interna | Larghezza interna dell'area del contenuto |
lunghezza | Restituisci il numero di |
Posizione | Restituisce l'oggetto posizione per la finestra |
nome | Imposta o restituisce il nome di una finestra |
navigatore | Restituisce l'oggetto Navigatore per la finestra |
apriscatole | Restituire un riferimento alla finestra che ha creato la finestra |
altezza esterna | Altezza esterna di una finestra, comprese le barre degli strumenti/barre di scorrimento |
larghezzaesterna | Larghezza esterna di una finestra, comprese le barre degli strumenti/barre di scorrimento |
pageXOffset | Numero di pixel di cui il documento è stato fatto scorrere orizzontalmente |
pageYOffset | Numero di pixel di cui il documento è stato fatto scorrere verticalmente |
genitore | Finestra padre della finestra corrente |
schermo | Restituisce l'oggetto Screen per la finestra |
schermo a sinistra | Coordinata orizzontale della finestra (rispetto allo schermo) |
screenTop | Coordinata verticale della finestra |
screenX | Uguale a screenLeft ma necessario per alcuni browser |
schermiY | Uguale a screenTop ma necessario per alcuni browser |
se stesso | Ritorna alla finestra corrente |
stato | Imposta o restituisce il testo nella barra di stato di una finestra |
superiore | Ritorna alla finestra del browser più in alto |
Metodi della finestra del browser | |
mettere in guardia() | Visualizza una finestra di avviso con un messaggio e un pulsante OK |
sfocatura() | Rimuovi lo stato attivo dalla finestra corrente |
clearInterval() | Cancella un timer impostato con setInterval() |
clearTimeout() | Cancella un timer impostato con setTimeout() |
chiudere() | Chiudi la finestra corrente |
Confermare() | Visualizza una finestra di dialogo con un messaggio e i pulsanti OK e Annulla |
messa a fuoco() | Metti il focus sulla finestra corrente |
moveBy() | Sposta una finestra rispetto alla sua posizione attuale |
moveTo() | Sposta una finestra in una posizione specificata |
aprire() | Apri una nuova finestra del browser |
Stampa() | Stampa il contenuto della finestra corrente |
richiesta() | Visualizza una finestra di dialogo che richiede l'input del visitatore |
ridimensionaBy() | Ridimensiona la finestra del numero di pixel specificato |
ridimensionaA() | Ridimensiona la finestra a una larghezza e un'altezza specificate |
scrollBy() | Scorri il documento di un numero specificato di pixel |
scrollTo() | Scorri il documento fino alle coordinate specificate |
setIntervallo() | Chiama una funzione o valuta un'espressione a intervalli specificati |
setTimeout() | Chiama una funzione o valuta un'espressione dopo un intervallo specificato |
fermare() | Arresta il caricamento della finestra |
Proprietà dello schermo | |
disponibiliHeight | Restituisce l'altezza dello schermo (esclusa la barra delle applicazioni di Windows) |
disponibiliWidth | Restituisce la larghezza dello schermo (esclusa la barra delle applicazioni di Windows) |
profondità di colore | Restituisce la profondità di bit della tavolozza dei colori per la visualizzazione delle immagini |
altezza | L'altezza totale dello schermo |
pixelDepth | La risoluzione del colore dello schermo in bit per pixel |
larghezza | La larghezza totale dello schermo |
EVENTI JAVASCRIPT Eventi del mouse JavaScript | |
al clic | Quando l'utente fa clic su un elemento |
nel menu contestuale | Quando l'utente fa clic con il pulsante destro del mouse su un elemento per aprire un menu di scelta rapida |
ondblclick | Quando l'utente fa doppio clic su un elemento |
sopra il mouse | Quando l'utente preme un pulsante del mouse su un elemento |
su mouseenter | Quando l'utente sposta il puntatore su un elemento |
su mouseleave | Quando l'utente allontana il puntatore da un elemento |
sumousemove | Quando l'utente sposta il puntatore mentre si trova su un elemento |
al passaggio del mouse | Quando l'utente sposta il puntatore su un elemento o su uno dei suoi figli |
sumouseout | Quando l'utente allontana il puntatore da un elemento o da uno dei suoi figli |
sumouse | Quando l'utente rilascia un pulsante del mouse mentre si trova su un elemento |
Eventi della tastiera JavaScript | |
sukeydown | Quando l'utente preme un tasto verso il basso |
onkeypress | Quando l'utente inizia a premere un tasto |
onkeyup | Quando l'utente rilascia un tasto |
Eventi frame JavaScript | |
abortire | Quando il caricamento del supporto viene interrotto |
prima di scaricare | Prima che il documento stia per essere scaricato |
errore | Quando si verifica un errore durante il caricamento di un file esterno |
suhashchange | Quando la parte di ancoraggio di un URL è cambiata |
caricare | Quando un oggetto è stato caricato |
nascondi pagina | Quando l'utente esce da una pagina web |
onpageshow | Quando l'utente accede a una pagina web |
ridimensionare | Quando l'utente ridimensiona la vista del documento |
scorrere | Quando l'utente sta scorrendo la barra di scorrimento di un elemento |
in scarico | Quando una pagina si è scaricata |
Eventi modulo JavaScript | |
sfocato | Quando un elemento perde il focus |
in cambio | Quando il contenuto di un elemento del modulo cambia (per , , e |
a fuoco | Quando un elemento viene messo a fuoco |
incentrato | Quando un elemento sta per essere messo a fuoco |
onfocusout | Quando un elemento sta per perdere la concentrazione |
su input | Input dell'utente su un elemento |
oninvalid | Quando un elemento non è valido |
onreset | Quando un modulo viene ripristinato |
alla ricerca | Quando un utente digita qualcosa in un campo di ricerca (per ) |
suseleziona | Quando l'utente seleziona del testo (per e ) |
in invio | Quando viene inviato un modulo |
JavaScript Drag Events | |
ondrag | Quando l'utente trascina un elemento |
ondragend | Quando l'utente ha finito di trascinare l'elemento |
ondragente | Quando l'elemento trascinato entra in una destinazione di rilascio |
ondragleave | Quando l'elemento trascinato lascia la destinazione di rilascio |
ondragover | Quando l'elemento trascinato si trova sopra l'obiettivo di rilascio |
ondragstart | Quando l'utente inizia a trascinare un elemento |
a goccia | L'elemento trascinato viene rilasciato sul bersaglio di rilascio |
Eventi Appunti JavaScript | |
in copia | Quando l'utente copia il contenuto di un elemento |
oncut | Quando l'utente taglia il contenuto di un elemento |
onpaste | Quando l'utente incolla il contenuto in un elemento |
Eventi multimediali JavaScript | |
abortire | Quando il caricamento del supporto viene interrotto |
oncanplay | Quando il browser può avviare la riproduzione di contenuti multimediali (ad es. un file ha bufferizzato a sufficienza) |
oncanplaythrough | Quando il browser può riprodurre i contenuti multimediali senza fermarsi |
onduratacambiamento | Quando la durata dei media cambia |
unended | Quando i media hanno raggiunto la fine |
errore | Quando si verifica un errore durante il caricamento di un file esterno |
dati caricati | Quando vengono caricati i dati del supporto |
metadati caricati | Quando vengono caricati i metadati (come dimensioni e durata) |
onloadstart | Quando il browser inizia a cercare i media specificati |
in pausa | Quando i media vengono messi in pausa dall'utente o automaticamente |
in gioco | Quando il supporto è stato avviato o non è più in pausa |
in riproduzione | Quando il supporto è in riproduzione dopo essere stato messo in pausa o interrotto per il buffering |
in corso | Quando il browser sta scaricando contenuti multimediali |
onratechange | Quando si riproduce la velocità dei cambiamenti multimediali |
ricercato | Quando l'utente ha finito di spostarsi/saltare in una nuova posizione nei media |
alla ricerca | Quando l'utente inizia a muoversi/saltare |
installato | Quando il browser sta tentando di caricare contenuti multimediali non disponibili |
sospeso | Quando il browser non carica intenzionalmente i media |
ontimeupdate | La posizione di riproduzione è cambiata (ad es. a causa dell'avanzamento veloce) |
suvolumechange | Quando il volume del supporto è cambiato (incluso l'audio) |
in attesa | Quando il supporto è stato messo in pausa ma è previsto che riprenda (ad esempio, il buffering) |
Animazione | |
fine animazione | Quando l'animazione CSS è completa |
animazioneit | Quando l'animazione CSS viene ripetuta |
inizio animazione | Quando è iniziata l'animazione CSS |
Varie | |
fine transizione | Quando la transizione CSS è completa |
sul messaggio | Quando viene ricevuto un messaggio tramite l'origine dell'evento |
in linea | Quando il browser inizia a funzionare offline |
in linea | Quando il browser inizia a funzionare online |
onpopstate | Quando la cronologia della finestra cambia |
in mostra | Quando un elemento viene mostrato come menu contestuale |
in deposito | Quando un'area di archiviazione Web viene aggiornata |
onggle | Quando l'utente apre o chiude l'elemento |
su ruote | Quando la rotellina del mouse gira su o giù su un elemento |
ontouchcancel | Quando il tocco dello schermo viene interrotto |
intatto | Quando il dito dell'utente esce dal touch screen |
ontouchmove | Quando l'utente trascina un dito sullo schermo |
Esplora JavaScript ulteriormente
Consideriamo JavaScript uno dei migliori linguaggi di programmazione da padroneggiare per il futuro. E ti consigliamo di immergerti in concetti avanzati come Metodi array JavaScript una volta acquisite le nozioni di base di JavaScript.
tracking (volo aereo commerciale)
Credito immagine: Oskar Yildiz Su Unsplash
Condividere Condividere Tweet E-mail 15 comandi del prompt dei comandi di Windows (CMD) che devi conoscereIl prompt dei comandi è ancora un potente strumento di Windows. Ecco i comandi CMD più utili che ogni utente di Windows deve conoscere.
Leggi Avanti Argomenti correlati- Produttività
- Programmazione
- JavaScript
- Foglio informativo
Akshata si è formato in test manuali, animazione e design UX prima di concentrarsi sulla tecnologia e sulla scrittura. Questo ha riunito due delle sue attività preferite: dare un senso ai sistemi e semplificare il gergo. A MakeUseOf, Akshata scrive di come ottenere il meglio dai tuoi dispositivi Apple.
Altro da Akshata ShanbhagIscriviti alla nostra Newsletter
Iscriviti alla nostra newsletter per consigli tecnici, recensioni, ebook gratuiti e offerte esclusive!
Clicca qui per iscriverti