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'esdeveniments HTML:

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

AnteriorFuncions SiguienteExercicis: Funcions i esdeveniments

Última actualización hace 4 años

¿Te fue útil?