Chromes eventhantering fungerar trots tryckfel

  • Författare
  • Meddelande
Användarvisningsbild

Allinrep

dbwebb

  • Inlägg: 1124
  • Blev medlem: 03 sep 2012, 09:19
  • Ort: Falköping (tillfälligt)

Chromes eventhantering fungerar trots tryckfel

Inlägg12 jan 2018, 20:52

Jag upptäckte en skillnad mellan hur Firefox och Chrome hanterar ett väldigt specifikt tryckfel.
Kod: Markera allt
box1.addEventListener("click", function(monkey) {
  event.target.classList.toggle("selected");
});

Notera i koden ovan att jag kallar event-parametern för monkey, men inuti funktionen försöker jag istället använda variabeln event. Precis som man kan förvänta sig så felar Firefox med felmeddelandet ReferenceError: event is not defined. Men i Chrome fungerar ovanstående kod utan någon anmärkning. Elementet jag klickar på skiftar klassen selected, precis som jag egentligen önskade.

Jag testade att ändra koden till att använda banana istället för event, men då fick jag felmeddelandet i båda webbläsarna.
Kod: Markera allt
box1.addEventListener("click", function(monkey) {
  banana.target.classList.toggle("selected");
});


Lärdomar?

Använder man namnet event så kan man slarva med tryckfel i Chrome utan att märka något.

Om man väljer en helt egen namnstandard och använder event till något annat kan man få märkliga beteenden i Chrome.

Testa alltid Javascript i flera webbläsare/enheter.

Vilka är online

Användare som besöker denna kategori: Inga registrerade användare och 6 gäster