Event objektet i JS

Händelseobjektet ger information om ett event som har inträffat i webbläsaren. Det används ofta i JavaScript för att reagera på användarinteraktioner som klick, musrörelser eller tangenttryckningar.

Praktiska steg

1. Skapa en händelsehanterare: En händelsehanterare är en funktion som utförs när ett event inträffar. För att lägga till en händelsehanterare, använd addEventListener()-metoden på elementet som ska lyssna efter händelsen.
2. Hämta händelseobjektet: Händelseobjektet skickas som en parameter till händelsehanterarefunktionen. Det innehåller information om händelsen.
3. Använd händelseobjektet: Du kan använda egenskaper och metoder på händelseobjektet för att hämta information om händelsen, som:
   • target: Elementet som händelsen inträffade på
   • type: Typen av händelse
   • preventDefault(): Förhindrar standardbeteendet för händelsen
   • stopPropagation(): Stoppar händelsepropageringen

Eventinformation

Händelseobjektet innehåller en mängd information om händelsen, inklusive:

• Klientkoordinater
• Tangentkod
• Musknapptryck
• Tidpunkt för händelsen

JavaScript-exempel

Följande JavaScript-exempel visar hur du använder händelseobjektet för att hämta information om en klickhändelse:

const button = document.getElementById('my-button');

button.addEventListener('click', (event) => {
  console.log(`Klickhändelse på elementet ${event.target.id}`);
  console.log(`Händelsetyp: ${event.type}`);
});