Event typer i JS

Evenemangstyper är en viktig aspekt av JavaScript och låter dig reagera på användarinteraktioner och andra händelser på en webbsida.

Vanliga evenemangstyper

• Klick: Utlöses när en användare klickar på ett element.
• Musöver: Utlöses när en användare för muspekaren över ett element.
• Ut från musen: Utlöses när en användare för muspekaren bort från ett element.
• Nedåttryckning: Utlöses när en användare trycker ner en tangent.
• Upptryckning: Utlöses när en användare släpper upp en tangent.
• Skicka: Utlöses när en användare skickar in ett formulär.
• Ladda: Utlöses när en webbsida eller ett annat element har laddats.
• Storleksändring: Utlöses när storleken på en webbsida eller ett annat element ändras.

Praktiska steg

För att lyssna på ett evenemang använder du addEventListener()-metoden:

element.addEventListener('evenemangstyp', funktion);

Där:

• element är det element du vill lyssna på händelserna för.
• evenemangstyp är typen av händelse du vill lyssna på.
• Funktion är den funktion som ska köras när händelsen utlöses.

Javascript-exempel

document.querySelector('button').addEventListener('click', () => {
  console.log('Klickad!');
});

Detta exempel lyssnar på klickhändelsen på en knapp och loggar meddelandet "Klickad!" till konsolen när knappen klickas.