Zachytávejte odkazy v elementu
důležitost: 5
ZajistÄ›te, aby se vÅ¡echny odkazy v elementu obsahujÃcÃm id="obsah" zeptaly uživatele, zda opravdu chce odejÃt. Pokud nebude chtÃt, prohlÞeÄ na nÄ› nepÅ™ejde.
PÅ™Ãklad:
Podrobnosti:
- HTML kód uvnitÅ™ elementu může být kdykoli naÄten nebo dynamicky generován, nemůžeme tedy najÃt vÅ¡echny odkazy a umÃstit na nÄ› handlery. Použijte delegovánà událostÃ.
- Obsah může obsahovat vnoÅ™ené znaÄky, a to i uvnitÅ™ odkazů, napÅ™.
<a href=".."><i>...</i></a>.
Zde skvÄ›le využijeme vzorec delegovánà událostÃ.
Ve skuteÄném životÄ› můžeme mÃsto dotazu poslat na server požadavek na „logovánÓ, který si uložà informace o tom, kam návÅ¡tÄ›vnÃk odeÅ¡el. Nebo můžeme naÄÃst obsah a zobrazit jej pÅ™Ãmo na stránce (pokud je to dovoleno).
StaÄà nám zachytávat obsah.onclick a pomocà confirm se zeptat uživatele. Dobrý nápad by byl použÃt pro URL odkaz.getAttribute('href') namÃsto odkaz.href. Podrobnosti viz Å™eÅ¡enÃ.