[JAVASCRIPT] EVENTI

Per l’aggiunta di eventi tramite JavaScript è possibile ricorrere al metodo .addEventListener oppure direttamente utilizzare, come metodi JavaScript, gli eventi HTML (da indicarsi interamente in minuscolo), a quali segue l’assegnazione di una funzione anonima ([oggetto].[nomeevento]=function(){[codicefunzione]}) o nominativa ([oggetto].[nomeevento]=Nomefunzione;). Il codice che segue tratta anche il cd. event delegation.

Esempi di evento

<script>
document.getElementById('bottone1').onclick = NomeFunzione;

function NomeFunzione() {
  var Lista = document.getElementById('lista');
  var NuovoElemento = document.createElement('li');
  NuovoElemento.innerText = 'Nuova voce'; // innerHTML
  Lista.insertBefore(NuovoElemento, Lista.lastChild);
}
document.querySelector('li').onmouseover = function() {
  document.querySelector("li").innerHTML ="Hai soffermato il mouse qui!";
}
document.querySelector('li').onmouseout = function() {
  document.querySelector("li").innerHTML ="Sofferma il mouse qui";
}
</script>
<p><b>Elenco puntato:</b></p>
<ol id="lista">
  <li class="li">Sofferma il mouse qui</li>
</ol>
<button id="bottone1">Aggiungi voce</button>