Events
Introducció
Els events o esdeveniments són "coses" que passen als elements HTML quan el visitant interacciona amb ells.
JavaScript pot "reaccionar" a aquests esdeveniments.
Exemples d'events:
- Una pàgina HTML s'acaba de carregar.
- Es clica un botó.
- Prémer una tecla.
- Un camp d'un formulari canvia de valor.
<!DOCTYPE html>
<html>
<body>
<p>Click the button to display the date.</p>
<button onclick="displayDate()">The time is?</button>
<script>
function displayDate() {
document.getElementById("demo").innerHTML = Date();
}
</script>
<p id="demo"></p>
</body>
</html>
Cada element o etiqueta HTML té la seva pròpia llista de possibles esdeveniments que se li poden assignar.
El nom de cada esdeveniment es construeix mitjançant el prefix on, seguit del nom en anglès de l'acció associada a l'esdeveniment.
Exemples d'esdeveniment
Esdeveniments del ratolí:
- onclick: l'usuari fa clic a un element HTML
- onmouseover: l’usuari mou el ratolí a sobre d’un element HTML
- onmouseout: l’usuari treu el ratolí d’un element HTML
Esdeveniments del teclat:
- onkeydown: L’usuari pressiona una tecla
- onkeyup
Esdeveniments de formulari:
- onchange: s’ha canviat un element HTML
- onfocus
- onblur
Esdeveniment de finestra:
- onload: el navegador acaba de carregar una pàgina
- onresize
Documentació i recursos
- w3schools.com: Events https://www.w3schools.com/js/js_events.asp