tilbage til lektionen

Fang links i elementet

vigtighed: 5

Sørg for, at alle links i elementet med id="contents" spørger brugeren, om de virkelig vil forlade siden. Og hvis de ikke vil, så følg ikke linkets url.

SÃ¥dan her:

Detaljer:

  • HTML-indholdet i elementet kan være indlæst eller blive genereret dynamisk, sÃ¥ vi kan ikke bare finde alle links og putte hÃ¥ndteringer pÃ¥ dem. Brug event delegation.
  • Indholdet kan have indlejrede tags. OgsÃ¥ inde i links, som f.eks. <a href=".."><i>...</i></a>.

Ã…bn en sandbox til opgaven.

Det er en god brug af event delegation-mønsteret.

I virkeligheden kan vi i stedet for at spørge brugeren også sende en “logning” til en server, som gemmer informationen om hvor brugeren forlod vores site. Eller vi kan indlæse indholdet og vise det lige i siden (hvis tilladt).

Alt hvad vi har brug for, er at fange contents.onclick og bruge confirm til at spørge brugeren. En god idé ville være at bruge link.getAttribute('href') i stedet for link.href til URL’en. Se løsningen for detaljer.

Åbn løsningen i en sandbox.