Eventi JavaScript




Gli eventi HTML sono "cose" che accadono agli elementi HTML.

Quando JavaScript viene utilizzato nelle pagine HTML, JavaScript puo' "reagire" a questi eventi.

Eventi HTML
Un evento HTML puo' essere qualcosa che fa il browser o qualcosa che fa un utente.

Di seguito sono riportati alcuni esempi di eventi HTML:

È terminato il caricamento di una pagina Web HTML
È stato modificato un campo di input HTML
È stato fatto clic su un pulsante HTML
Spesso, quando accadono degli eventi, potresti voler fare qualcosa.

JavaScript consente di eseguire codice quando vengono rilevati eventi.

HTML consente di aggiungere attributi del gestore di eventi, con codice JavaScript , agli elementi HTML.

Con virgolette singole:

<element event='some JavaScript'>
Con virgolette doppie:

<element event="some JavaScript">
Nell'esempio seguente, un onclickattributo (con codice) viene aggiunto a un <button>elemento:

Esempio

<!DOCTYPE html>
<html>
<body>

<button onclick="document.getElementById('demo').innerHTML=Date()">The time is?</button>

<p id="demo"></p>

</body>

</html>

************************************************************************************

Eventi HTML comuni
Di seguito e' riportato un elenco di alcuni eventi HTML comuni:

Evento Descrizione
onchange È stato modificato un elemento HTML
al clic L'utente fa clic su un elemento HTML
onmouseover L'utente sposta il mouse su un elemento HTML
onmouseout L'utente allontana il mouse da un elemento HTML
onkeydown L'utente preme un tasto della tastiera
onload Il browser ha terminato il caricamento della pagina

Cosa puo' fare JavaScript?
I gestori di eventi possono essere utilizzati per gestire e verificare l'input dell'utente, le azioni dell'utente e le azioni del browser:

Cose da fare ogni volta che viene caricata una pagina
Cose che dovrebbero essere fatte quando la pagina e' chiusa
Azione da eseguire quando un utente fa clic su un pulsante
Contenuto che dovrebbe essere verificato quando un utente inserisce dati
E altro ancora ...
È possibile utilizzare molti metodi diversi per consentire a JavaScript di funzionare con gli eventi:

Gli attributi dell'evento HTML possono eseguire direttamente il codice JavaScript
Gli attributi degli eventi HTML possono chiamare funzioni JavaScript
È possibile assegnare le proprie funzioni del gestore di eventi agli elementi HTML
È possibile impedire che gli eventi vengano inviati o gestiti
E altro ancora ...










( eventijavascript.html )- by Paolo Puglisi - Modifica del 17/12/2023