Il cambiamento nello stato di un oggetto è noto come an Evento . In HTML ci sono vari eventi che indicano che alcune attività vengono eseguite dall'utente o dal browser. Quando javascript il codice è incluso in HTML, js reagisce a questi eventi e consente l'esecuzione. Questo processo di reazione agli eventi si chiama Gestione degli eventi . Pertanto, js gestisce gli eventi HTML tramite Gestori di eventi .
Per esempio , quando un utente fa clic sul browser, aggiunge il codice js, che eseguirà l'attività da eseguire sull'evento.
Alcuni degli eventi HTML e i relativi gestori di eventi sono:
Eventi del mouse:
| Evento eseguito | Gestore di eventi | Descrizione |
|---|---|---|
| clic | al clic | Quando si fa clic con il mouse su un elemento |
| passaggio del mouse | al passaggio del mouse | Quando il cursore del mouse si trova sull'elemento |
| mouseout | onmouseout | Quando il cursore del mouse lascia un elemento |
| mouse premuto | onmousedown | Quando si preme il pulsante del mouse sull'elemento |
| mouseup | onmouseup | Quando il pulsante del mouse viene rilasciato sull'elemento |
| mousemove | onmousemove | Quando avviene il movimento del mouse. |
Eventi da tastiera:
| Evento eseguito | Gestore di eventi | Descrizione |
|---|---|---|
| Tasto giù e tasto su | onkeydown e onkeyup | Quando l'utente preme e rilascia il tasto |
Eventi del modulo:
| Evento eseguito | Gestore di eventi | Descrizione |
|---|---|---|
| messa a fuoco | onfocus | Quando l'utente si concentra su un elemento |
| invia | onsubmit | Quando l'utente invia il modulo |
| sfocatura | sfocato | Quando lo stato attivo è lontano da un elemento del modulo |
| modifica | onchange | Quando l'utente modifica o cambia il valore di un elemento del modulo |
Eventi finestra/documento
| Evento eseguito | Gestore di eventi | Descrizione |
|---|---|---|
| carico | caricare | Quando il browser termina il caricamento della pagina |
| scaricare | onunload | Quando il visitatore lascia la pagina Web corrente, il browser la scarica |
| ridimensionare | onridimensionare | Quando il visitatore ridimensiona la finestra del browser |
Discutiamo alcuni esempi sugli eventi e sui relativi gestori.
Fare clic su Evento
Javascript EventsProvalo adesso
Evento MouseOver
<p onmouseover="mouseoverevent()"> Keep cursor over me</p>Provalo adesso
Evento focalizzato
Javascript Events <h2> Enter something here</h2>Provalo adesso
Evento keydown
Javascript Events <h2> Enter something here</h2>Provalo adesso
Carica evento
Javascript Events <br>Provalo adesso