L’ultimo cheat sheet JavaScript
Se desideri creare pagine Web dinamiche, dovrai integrare le tue conoscenze 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 sulla strada. Con questo in mente, abbiamo creato il seguente cheat sheet JavaScript per te.
Il cheat sheet può fungere da rapido aggiornamento degli elementi JavaScript ogni volta che ne hai bisogno. È utile sia per i principianti che per gli esperti.
DOWNLOAD GRATUITO: questo cheat sheet è disponibile come 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 .
L'ultimo cheat sheet JavaScript
| scorciatoia | Azione |
|---|---|
| Matrici JavaScript | |
| concat () | Unire più array in uno |
| copyWithin () | Copia gli elementi dell'array all'interno dell'array, da e verso posizioni specificate |
| indice di() | Restituisce il valore di base dell'oggetto specificato |
| include () | Controlla se un array contiene l'elemento specificato |
| aderire() | Combina elementi di un array in una singola stringa e restituisce 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 tutti gli elementi di un array che superano un test |
| trova() | Restituisce il valore del primo elemento in un array che supera un test |
| per ciascuno() | Chiamare una funzione per ciascun 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 |
| inverso() | Ordina gli elementi in ordine decrescente |
| ridurre() | Ridurre i valori di un array su un singolo valore (andando da sinistra a destra) |
| reduceRight () | Ridurre i valori di un array su un singolo valore (andando da destra a sinistra) |
| cambio() | Rimuovere il primo elemento di un array |
| fetta() | Tirare una copia di una porzione di un array in un nuovo oggetto array |
| ordinare() | Ordina gli elementi in ordine alfabetico |
| splice () | Aggiungi elementi in un modo e una posizione specificati |
| unshift () | Aggiungi un nuovo elemento all'inizio |
| Metodi booleani JavaScript | |
| accordare() | Convertire un valore booleano in una stringa e restituire il risultato |
| valore di() | Restituisce la prima posizione in cui un dato elemento appare in un array |
| toSource () | 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 esterne) |
| % | Modulo (resto) |
| ++ | Incrementa i numeri |
| – | Decrementa i numeri |
| == | Uguale a |
| === | Uguale valore e uguale tipo |
| ! = | Non uguale |
| ! == | Valore non uguale o tipo non uguale |
| > | Più grande di |
| < | Inferiore a |
| > = | Maggiore o uguale a |
| <= | Minore o uguale a |
| ? | Operatore ternario |
| Operatori logici | |
| && | AND logico |
| || | OR logico |
| ! | NOT logico |
| | |
| & | Dichiarazione AND |
| | | Dichiarazione OR |
| ~ | NON |
| ^ | XOR |
| << | Tasto maiuscolo di sinistra |
| >> | Spostamento a destra |
| >>> | Zero riempimento a destra |
| funzioni | |
| mettere in guardia() | Emissione dei dati in una casella di avviso nella finestra del browser |
| Confermare() | Aprire una finestra di dialogo sì / no e restituire vero / falso a seconda del clic dell'utente |
| console.log () | Scrivi informazioni sulla console del browser (utile per scopi di debug) |
| document.write () | Scrivi direttamente nel documento HTML |
| richiesta() | Crea una finestra di dialogo per l'input dell'utente |
| Funzioni globali | |
| decodeURI () | Decodifica un URI (Uniform Resource Identifier) creato da encodeURI o simile |
| decodeURIComponent () | Decodifica un componente URI |
| encodeURI () | Codifica un URI in UTF-8 |
| encodeURIComponent () | Lo stesso ma per i componenti URI |
| eval () | Valuta il codice JavaScript rappresentato come 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 () | Analizzare una stringa e restituire un numero in virgola mobile |
| parseInt () | Analizzare una stringa e restituire un numero intero |
| Cicli JavaScript | |
| per | Il modo più comune per creare un ciclo in JavaScript |
| mentre | Impostare 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 essere eseguita nuovamente |
| rompere | Arrestare ed uscire dal ciclo se sono soddisfatte determinate condizioni |
| Continua | Salta parti del ciclo se sono soddisfatte determinate condizioni |
| Personaggi di fuga | |
| ' | Virgoletta singola |
| " | Doppia citazione |
| \ | Barra rovesciata |
| b | Backspace |
| f | Feed modulo |
| n | Nuova linea |
| r | Ritorno del trasporto |
| t | Tabulatore orizzontale |
| v | Tabulatore verticale |
| Metodi stringa JavaScript | |
| charAt () | Restituisce un carattere in una posizione specificata all'interno di una stringa |
| charCodeAt () | Dai l'unicode del personaggio 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() | Fornisce la posizione della prima occorrenza del testo specificato all'interno di una stringa |
| lastIndexOf () | Come indexOf () ma con l'ultima occorrenza, ricerca all'indietro |
| incontro() | Recupera le corrispondenze di una stringa rispetto a un modello di ricerca |
| sostituire() | Trova e sostituisce il testo specificato in una stringa |
| ricerca() | Eseguire una ricerca per un testo corrispondente e restituire la sua posizione |
| fetta() | Estrarre una sezione di una stringa e restituirla come nuova stringa |
| Diviso() | Dividi un oggetto stringa in una matrice di stringhe in una posizione specificata |
| inizia con() | Controlla se una stringa inizia con caratteri specificati |
| substr () | Simile a slice () ma estrae una sottostringa dipendente da un numero specificato di caratteri |
| substring () | Simile a slice () ma non può accettare indici negativi |
| toLowerCase () | Converti le stringhe in lettere minuscole |
| toUpperCase () | Converti le stringhe in maiuscolo |
| valore di() | Restituisce il valore di base (che non ha proprietà o metodi) di un oggetto stringa |
| SINTASSIA ESPRESSIONE REGOLARE Modificatori di motivi | |
| e | Valuta la sostituzione |
| io | Eseguire una corrispondenza senza distinzione tra maiuscole e minuscole |
| g | Esegui la corrispondenza globale |
| m | Esegue la corrispondenza su più righe |
| S | Tratta le stringhe come una riga singola |
| X | Consenti commenti e spazi bianchi nel modello |
| U | Modello non grasso |
| Parentesi | |
| [Abc] | Trova uno dei caratteri tra parentesi |
| [^ Abc] | Trova qualsiasi carattere non tra parentesi |
| [0-9] | Trova la cifra specificata tra parentesi |
| [AZ] | Trova qualsiasi carattere dalla maiuscola A alla z minuscola |
| (A | B | c) | Trova una delle alternative separate da | |
| metacaratteri | |
| . | Trova un singolo carattere, tranne la nuova riga o il terminatore di riga |
| w | Carattere parola |
| W | Carattere non di parole |
| d | Una cifra |
| D | Un carattere non cifra |
| S | Carattere di spazi bianchi |
| S | Carattere non bianco |
| b | Trova una corrispondenza all'inizio / alla fine di una parola |
| B | Trova una corrispondenza non all'inizio / alla fine di una parola |
| u0000 | Personaggio NUL |
| n | Un nuovo personaggio di linea |
| f | Carattere del feed del modulo |
| r | Carattere di ritorno a capo |
| t | Carattere tab |
| v | Carattere tab 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 + | Abbina 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 |
| n {X, Y} | Stringhe che contengono una sequenza da X a Y n |
| n {X,} | Corrisponde a qualsiasi stringa che contiene una sequenza di almeno X n |
| n $ | Qualsiasi stringa con n alla fine di essa |
| ^ n | Stringa con n all'inizio di esso |
| ? = N | Qualsiasi stringa seguita da una stringa specifica n |
| ?! N | Stringa che non è seguita da una stringa specifica n |
| Proprietà numeriche | |
| MAX_VALUE | Valore numerico massimo rappresentabile in JavaScript |
| MIN_VALUE | Il 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 | |
| toExponential () | Restituisce una stringa con un numero arrotondato scritto come notazione esponenziale |
| toFixed () | Restituisce la stringa di un numero con un numero specificato di decimali |
| toPrecision () | Restituisce la stringa di un numero scritto con una lunghezza specificata |
| accordare() | Restituisce un numero come stringa |
| valore di() | Restituisce un numero come numero |
| Proprietà matematiche | |
| E | Numero di Eulero |
| LN2 | Logaritmo naturale di 2 |
| LN10 | Logaritmo naturale di 10 |
| LOG2E | Logaritmo di 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 | |
| abs (x) | Restituisce il valore assoluto (positivo) di x |
| acos (x) | Arccosina di x, in radianti |
| asin (x) | Arcsine di x, in radianti |
| atan (x) | Arctangente di x come valore numerico |
| atan2 (y, x) | Arctangente del quoziente dei suoi argomenti |
| ceil (x) | Valore di x arrotondato per eccesso all'intero più vicino |
| cos (x) | Coseno di x (x è in radianti) |
| exp (x) | Valore di Ex |
| piano (x) | Valore di x arrotondato per difetto all'intero più vicino |
| log (x) | Logaritmo naturale (base E) di x |
| max (x, y, z, …, n) | Numero con il valore più alto |
| min (x, y, z, …, n) | Numero con il valore più basso |
| pow (x, y) | X alla potenza di y |
| casuale() | Numero casuale compreso tra 0 e 1 |
| round (x) | Valore di x arrotondato al suo intero più vicino |
| sin (x) | Seno di x (x è in radianti) |
| sqrt (x) | Radice quadrata di x |
| tan (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 l'anno e il 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) |
| getFullYear () | Ottieni l'anno come un numero di quattro cifre (aaaa) |
| getHours () | Prendi l'ora (0-23) |
| getMilliseconds () | Ottieni il millisecondo (0-999) |
| getMinutes () | Prendi il minuto (0-59) |
| getMonth () | Ottieni il mese come numero (0-11) |
| getSeconds () | Ottieni il secondo (0-59) |
| prendi tempo() | Prendi il tempo (millisecondi dal 1 gennaio 1970) |
| getUTCDate () | Giorno (data) del mese nella data specificata in base all'ora universale (disponibile anche per giorno, mese, fullear, ore, minuti ecc.) |
| parse | Analizza una rappresentazione in formato stringa di una data e restituisce il numero di millisecondi dal 1 ° gennaio 1970 |
| impostare la data() | Imposta il giorno come un numero (1-31) |
| setFullYear () | Imposta l'anno (facoltativamente mese e giorno) |
| setHours () | Imposta l'ora (0-23) |
| setMilliseconds () | Imposta i millisecondi (0-999) |
| setMinutes () | Imposta i minuti (0-59) |
| setMonth () | Imposta il mese (0-11) |
| setSeconds () | 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, fullear, ore, minuti ecc.) |
| MODALITÀ DOM Proprietà nodo | |
| attributi | Raccolta live di tutti gli attributi registrati su un elemento |
| baseURI | URL di base assoluto di un elemento HTML |
| childNodes | Raccolta di nodi figlio di un elemento |
| Primogenito | Primo nodo figlio di un elemento |
| ultimo bambino | Ultimo nodo figlio di un elemento |
| nextSibling | Nodo successivo allo stesso livello della struttura dei nodi |
| nodeName | Nome di un nodo |
| nodeType | Tipo di nodo |
| nodeValue | Valore di un nodo |
| ownerDocument | Oggetto documento di livello superiore per il nodo corrente |
| parentNode | Nodo padre di un elemento |
| previousSibling | Nodo immediatamente precedente a quello corrente |
| textContent | Contenuto testuale di un nodo e dei suoi discendenti |
| Metodi di nodo | |
| appendChild () | Aggiungi un nuovo nodo figlio a un elemento come ultimo nodo figlio |
| cloneNode () | Clona l'elemento HTML |
| compareDocumentPosition () | Confronta la posizione del documento di due elementi |
| getFeature () | Restituisce un oggetto che implementa le API di una funzionalità specificata |
| hasAttributes () | Restituisce vero se un elemento ha degli attributi, altrimenti restituisce falso |
| hasChildNodes () | Restituisce vero se un elemento ha nodi figlio, altrimenti restituisce falso |
| insertBefore () | Inserire un nuovo nodo figlio prima di un nodo figlio esistente specificato |
| isDefaultNamespace () | Restituisce vero se un namespaceURI specificato è predefinito, altrimenti restituisce falso |
| 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 lo spazio dei nomiURI associato a un determinato nodo |
| lookupPrefix () | Restituisce un DOMString contenente il prefisso per un determinato namespaceURI, se presente |
| normalizzare() | Unisci nodi di testo adiacenti e rimuovi nodi di testo vuoti in un elemento |
| removeChild () | Rimuovere un nodo figlio da un elemento |
| replaceChild () | Sostituisci un nodo figlio in un elemento |
| Metodi dell'elemento | |
| getAttribute () | 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 indicati |
| getElementsByTagName () | Fornire una raccolta di tutti gli elementi figlio con il nome tag specificato |
| getElementsByTagNameNS () | Restituisce una raccolta HTML live di elementi con un determinato nome tag appartenente allo spazio dei nomi specificato |
| hasAttribute () | Restituisce vero se un elemento ha degli attributi, altrimenti restituisce falso |
| hasAttributeNS () | Fornire un valore vero / falso che indica se l'elemento corrente in un determinato 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 determinato spazio dei nomi |
| removeAttributeNode () | Rimuovere un nodo dell'attributo specificato e restituire 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 indicati |
| setAttributeNode () | Imposta o modifica il nodo dell'attributo specificato |
| setAttributeNodeNS () | Aggiungi un nuovo nodo dell'attributo namespace a un elemento |
| Proprietà della finestra del browser | |
| chiuso | Controlla se una finestra è stata chiusa o meno e restituisce vero o falso |
| defaultStatus | Imposta o restituisce il testo predefinito nella barra di stato di una finestra |
| documento | Restituisce l'oggetto documento per la finestra |
| montatura | Restituisce tutti gli elementi iframe nella finestra corrente |
| storia | Fornire l'oggetto History per la finestra |
| innerHeight | Altezza interna dell'area del contenuto di una finestra |
| innerWidth | Larghezza interna dell'area del contenuto |
| lunghezza | Restituisce il numero di elementi iframe nella finestra |
| Posizione | Restituisce l'oggetto posizione per la finestra |
| nome | Imposta o restituisce il nome di una finestra |
| navigatore | Restituisce l'oggetto Navigator per la finestra |
| opener | Restituisce un riferimento alla finestra che ha creato la finestra |
| outerHeight | Altezza esterna di una finestra, comprese barre degli strumenti / barre di scorrimento |
| outerWidth | Larghezza esterna di una finestra, comprese barre degli strumenti / barre di scorrimento |
| pageXOffset | Numero di pixel con cui il documento è stato fatto scorrere in orizzontale |
| pageYOffset | Numero di pixel con cui il documento è stato fatto scorrere verticalmente |
| genitore | Finestra principale della finestra corrente |
| schermo | Restituisce l'oggetto Screen per la finestra |
| screenLeft | Coordinata orizzontale della finestra (relativa allo schermo) |
| screenTop | Coordinata verticale della finestra |
| screenX | Come lo schermo Sinistra ma necessario per alcuni browser |
| screenY | Come lo schermo, ma necessario per alcuni browser |
| se stesso | Restituisce la finestra corrente |
| stato | Imposta o restituisce il testo nella barra di stato di una finestra |
| superiore | Restituisce la 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 |
| blur () | Rimuovi lo stato attivo dalla finestra corrente |
| clearInterval () | Cancella un timer impostato con setInterval () |
| clearTimeout () | Cancella un timer impostato con setTimeout () |
| vicino() | Chiudi la finestra corrente |
| Confermare() | Visualizza una finestra di dialogo con un messaggio e i pulsanti OK e Annulla |
| messa a fuoco() | Imposta lo stato attivo sulla finestra corrente |
| moveBy () | Sposta una finestra rispetto alla sua posizione corrente |
| moveTo () | Sposta una finestra in una posizione specificata |
| Aperto() | Apri una nuova finestra del browser |
| Stampa() | Stampa il contenuto della finestra corrente |
| richiesta() | Visualizza una finestra di dialogo che richiede l'input per il visitatore |
| resizeBy () | Ridimensiona la finestra in base al numero di pixel specificato |
| resizeTo () | Ridimensiona la finestra ad una larghezza e altezza specificate |
| scrollBy () | Scorri il documento di un numero specificato di pixel |
| scrollTo () | Scorri il documento fino alle coordinate specificate |
| setInterval () | Chiamare una funzione o valutare un'espressione a intervalli specificati |
| setTimeout () | Chiamare una funzione o valutare un'espressione dopo un intervallo specificato |
| fermare() | Ferma il caricamento della finestra |
| Proprietà dello schermo | |
| availHeight | Restituisce l'altezza dello schermo (esclusa la barra delle applicazioni di Windows) |
| availWidth | Restituisce la larghezza dello schermo (esclusa la barra delle applicazioni di Windows) |
| profondità di colore | Restituisce la profondità in 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 mouse JavaScript | |
| al clic | Quando l'utente fa clic su un elemento |
| oncontextmenu | 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 |
| onmousedown | Quando l'utente preme un pulsante del mouse su un elemento |
| OnMouseEnter | Quando l'utente sposta il puntatore su un elemento |
| onMouseLeave | Quando l'utente sposta il puntatore lontano da un elemento |
| onMouseMove | Quando l'utente sposta il puntatore mentre si trova su un elemento |
| onmouseover | Quando l'utente sposta il puntatore su un elemento o su uno dei suoi figli |
| onmouseout | Quando l'utente sposta il puntatore lontano da un elemento o da uno dei suoi figli |
| onmouseup | Quando l'utente rilascia un pulsante del mouse mentre si trova sopra un elemento |
| Eventi tastiera JavaScript | |
| onKeyDown | Quando l'utente preme un tasto verso il basso |
| onkeypress | Quando l'utente inizia a premere un tasto |
| onKeyUp | Quando l'utente rilascia una chiave |
| Eventi Frame JavaScript | |
| OnAbort | Quando il caricamento del supporto viene interrotto |
| onbeforeunload | Prima che il documento stia per essere scaricato |
| onerror | Quando si verifica un errore durante il caricamento di un file esterno |
| onhashchange | Quando la parte di ancoraggio di un URL è cambiata |
| onload | Quando un oggetto è stato caricato |
| onpagehide | Quando l'utente si allontana da una pagina Web |
| onpageshow | Quando l'utente accede a una pagina Web |
| onResize | Quando l'utente ridimensiona la vista del documento |
| onscroll | Quando l'utente sta scorrendo la barra di scorrimento di un elemento |
| onunload | Quando una pagina è stata scaricata |
| Eventi del modulo JavaScript | |
| sfocato | Quando un elemento perde concentrazione |
| onchange | Quando il contenuto di un elemento del modulo cambia (per input , select e textarea ) |
| onfocus | Quando un elemento viene messo a fuoco |
| onfocusin | Quando un elemento sta per ottenere il focus |
| onfocusout | Quando un elemento sta per perdere la concentrazione |
| oninput | Input dell'utente su un elemento |
| oninvalid | Quando un elemento non è valido |
| onreset | Quando un modulo viene ripristinato |
| onsearch | Quando un utente digita qualcosa in un campo di ricerca (per input = "cerca" ) |
| onselect | Quando l'utente seleziona del testo (per input e textarea ) |
| onSubmit | Quando viene inviato un modulo |
| Eventi trascinamento JavaScript | |
| ondrag | Quando l'utente trascina un elemento |
| ondragend | Quando l'utente ha finito di trascinare l'elemento |
| OnDragEnter | 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 in cima alla destinazione di rilascio |
| ondragstart | Quando l'utente inizia a trascinare un elemento |
| OnDrop | L'elemento trascinato viene rilasciato sulla destinazione di rilascio |
| Eventi negli Appunti JavaScript | |
| oncopy | 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 | |
| OnAbort | Quando il caricamento del supporto viene interrotto |
| oncanplay | Quando il browser può iniziare a riprodurre file multimediali (ad es. Un file ha un buffer sufficiente) |
| oncanplaythrough | Quando il browser può riprodurre contenuti multimediali senza fermarsi |
| ondurationchange | Quando la durata dei media cambia |
| onended | Quando i media hanno raggiunto la fine |
| onerror | Quando si verifica un errore durante il caricamento di un file esterno |
| onloadeddata | Quando vengono caricati i dati multimediali |
| onloadedmetadata | Quando vengono caricati i metadati (come dimensioni e durata) |
| gestore di eventi onLoadStart | Quando il browser inizia a cercare supporti specifici |
| OnPause | Quando il supporto viene messo in pausa dall'utente o automaticamente |
| onplay | Quando il supporto è stato avviato o non è più in pausa |
| onplaying | Quando il file multimediale viene riprodotto dopo essere stato messo in pausa o interrotto per il buffering |
| onProgress | Quando il browser sta scaricando file multimediali |
| onratechange | Durante la riproduzione della velocità dei cambi multimediali |
| onseeked | Quando l'utente ha terminato di spostarsi / saltare in una nuova posizione nel supporto |
| onseeking | Quando l'utente inizia a muoversi / saltare |
| onstalled | Quando il browser sta tentando di caricare supporti non disponibili |
| onsuspend | Quando il browser non sta caricando intenzionalmente file multimediali |
| ontimeupdate | La posizione di gioco è cambiata (ad es. A causa dell'avanzamento rapido) |
| onvolumechange | Quando il volume del supporto è cambiato (incluso l'audio) |
| onwaiting | Quando il supporto è in pausa ma si prevede che riprenda (ad esempio, buffering) |
| Animazione | |
| animationend | Quando l'animazione CSS è completa |
| animationiteration | Quando l'animazione CSS viene ripetuta |
| animationstart | Quando è iniziata l'animazione CSS |
| miscellaneo | |
| transitionend | Quando la transizione CSS è completa |
| onMessage | Quando viene ricevuto un messaggio attraverso l'origine dell'evento |
| onoffline | Quando il browser inizia a funzionare offline |
| ononline | Quando il browser inizia a funzionare online |
| onpopstate | Quando la cronologia della finestra cambia |
| onshow | Quando un elemento di menu viene visualizzato come menu di scelta rapida |
| onstorage | Quando viene aggiornata un'area di archiviazione Web |
| ontoggle | Quando l'utente apre o chiude l'elemento dettagli |
| onwheel | Quando la rotellina del mouse si sposta su o giù su un elemento |
| ontouchcancel | Quando il tocco dello schermo è interrotto |
| ontouchend | Quando il dito dell'utente si spegne dal touchscreen |
| 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 i metodi di array JavaScript una volta che hai una comprensione delle basi di JavaScript.
Credito di immagine: Oskar Yildiz su Unsplash
Leggi l'articolo completo: The Ultimate JavaScript Cheat Sheet
