Latest web development tutorials
×

JavaScript corso

JavaScript corso JavaScript breve introduzione JavaScript uso JavaScript esportazione JavaScript grammatica JavaScript dichiarazioni JavaScript nota JavaScript variabile JavaScript Tipi di dati JavaScript Oggetti JavaScript funzione JavaScript portata JavaScript evento JavaScript stringa JavaScript operatori JavaScript confrontare JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript tipo di conversione JavaScript Espressioni regolari JavaScript errore JavaScript Debugging JavaScript alzata variabile JavaScript Modalità Strict JavaScript Uso improprio JavaScript Forms Authentication JavaScript Parole chiave riservate JavaScript JSON JavaScript void JavaScript Codice Specifica

JS funzione

JavaScript definizione di funzione JavaScript Argomenti funzione JavaScript richiamo della funzione JavaScript chiusure

JS HTML DOM

DOM breve introduzione DOM HTML DOM CSS DOM evento DOM EventListener DOM elemento

JS Tutorial avanzato

JavaScript Oggetti JavaScript Number JavaScript String JavaScript Date JavaScript Array JavaScript Boolean JavaScript Math JavaScript RegExp Oggetti

JS Browser BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript pop JavaScript evento programmato JavaScript Cookies

JS magazzino

JavaScript magazzino JavaScript prova jQuery JavaScript prova Prototype

JS Esempi

JavaScript Esempi JavaScript istanza di oggetto JavaScript istanza di oggetto Browser JavaScript HTML DOM Esempi JavaScript sommario

JS Manuale di riferimento

JavaScript Oggetti HTML DOM Oggetti

JavaScript Eventi

eventi HTML hanno avuto luogo sulle cose di elementi HTML.

Quando si utilizza JavaScript in pagine HTML, JavaScript può scatenare questi eventi.

evento HTML

evento HTML può essere il comportamento del browser può anche essere il comportamento degli utenti.

I seguenti sono esempi di eventi HTML:

  • pagina HTML termine del caricamento
  • Quando HTML cambiamenti del campo di ingresso
  • pulsante HTML viene cliccato

In genere, quando si verifica un evento, si può fare qualcosa.

Quando un evento viene attivato JavaScript può eseguire del codice.

elementi HTML possono essere aggiunti a un attributo di evento utilizzando il codice JavaScript per aggiungere elementi HTML.

virgolette singole:

<Alcuni-HTML-elemento qualcuno evento = 'un po' di JavaScript '>

virgolette:

<Alcuni-HTML-elemento qualcuno evento = "un po 'di JavaScript">

Nel seguente esempio, un elemento pulsante aggiunto l'attributo onclick (più codice):

Esempi

<Pulsante onclick = 'getElementById ( "demo"). InnerHTML = Date ()'> Adesso sono ?? </ button>

Prova »

L'esempio di cui sopra, JavaScript contenuto del codice id = elemento "demo".

Nell'esempio seguente, il codice modificherà il contenuto dell'elemento stesso (che utilizza questo .innerHTML):

Esempi

<Pulsante onclick = "this.innerHTML = Date ()"> Adesso sono? </ Button>

Prova »

nota codice JavaScript è di solito un paio di righe di codice. Più comune è invocata dalle proprietà di evento:

Esempi

<Pulsante onclick = "displayDate ()"> Adesso sono? </ Button>

Prova »

evento HTML Comune

Ecco un elenco di alcuni eventi comuni HTML:

evento descrizione
onchange modifiche elemento HTML
onclick Un utente fa clic su un elemento HTML
onmouseover L'utente sposta il mouse su un elemento HTML
onmouseout Gli utenti spostano il mouse da un elemento HTML
onKeyDown l'utente preme un tasto
onload Il browser ha terminato il caricamento della pagina

Più Lista eventi: il riferimento JavaScript - evento HTML DOM .

JavaScript Cosa si può fare?

Gli eventi possono essere utilizzati per gestire la validazione dei form, gli input dell'utente, il comportamento degli utenti e le azioni del browser:

  • Evento viene attivato quando la pagina viene caricata
  • Evento viene attivato quando la pagina Chiudi
  • L'utente fa clic su un pulsante per eseguire un'azione
  • Verificare la legittimità di input dell'utente
  • E così via ...

È possibile utilizzare una varietà di metodi per eseguire JavaScript codice di evento:

  • attributi evento HTML in grado di eseguire codice JavaScript direttamente
  • attributi evento HTML possono chiamare la funzione JavaScript
  • È possibile specificare il proprio gestore di eventi per gli elementi HTML
  • È possibile impedire il verificarsi di un evento.
  • E così via ...
nota Nel capitolo HTML DOM si impara di più sull'evento e la conoscenza gestore di eventi.