Il miglior tutorial evento HTML DOM Nel 2024, in questo tutorial puoi imparare Esempi,Reagire agli eventi,Esempi,Esempi,HTML evento Attributi,Esempi,Utilizzare il DOM HTML per assegnare un evento,Esempi,onLoad ed evento onunload,Esempi,evento onchange,Esempi,onmouseover e onmouseout eventi,Esempi,onMouseDown, onmouseup ed evento onclick,Esempi,HTML DOM oggetto evento di riferimento,
HTML DOM consente eventi JavaScript di reagire in HTML.
Quando si verifica un evento, è possibile eseguire JavaScript, come ad esempio quando un utente fa clic su un elemento HTML.
Per eseguire il codice quando un utente fa clic su un elemento, aggiungere il codice JavaScript per l'evento attributi HTML:
Esempi di eventi HTML:
In questo esempio, quando un utente seleziona, cambierà il contenuto dell'elemento <h1>:
In questo caso, la funzione verrà chiamata dal gestore di eventi:
Per assegnare gli eventi agli elementi HTML, è possibile utilizzare gli attributi di evento.
Assegnato alla elemento pulsante di un evento onclick:
Nell'esempio precedente, quando il pulsante viene premuto, esegue la funzione denominata displayDate.
evento HTML DOM consente di utilizzare JavaScript per assegnare elementi HTML:
Assegnato onclick elemento pulsante dell'evento:
Nell'esempio precedente, la funzione denominata displayDate vengono assegnati alla id = myButn "elemento HTML.
Quando il pulsante viene premuto, la funzione di esecuzione.
Quando un utente entra o esce pagina, si innescherà onload ed evento onunload.
evento onload può essere utilizzato per controllare i visitatori tipo e versione del browser in modo sulla base delle informazioni di caricare diverse versioni di una pagina.
onLoad e onunload evento per la gestione dei cookie.
evento onchange è spesso utilizzato per convalidare il campo di input.
L'esempio seguente mostra come utilizzare onchange. Quando l'utente modifica il contenuto del campo di inserimento verrà chiamata la funzione maiuscole ().
onmouseover e onmouseout eventi possono essere utilizzati per attivare funzioni quando il puntatore del mouse si sposta dentro o fuori degli elementi.
onMouseDown, onmouseup onclick evento è un clic del mouse e l'intero processo. In primo luogo, quando un pulsante del mouse viene premuto, innescare onMouseDown evento, e poi, quando il pulsante del mouse viene rilasciato, si innescherà onmouseup evento, e, infine, quando fai clic con il mouse su Fine, l'evento onclick viene attivato.
Per una descrizione completa ed esempi di ogni evento, si prega di visitare il nostro manuale di riferimento HTML DOM .