Зловіть посилання
Зробіть так, щоб усі посилання всередині елемента з id="contents"
запитали у користувача, чи дійсно він хоче вийти. І якщо ні, то не переходьте за посиланням.
Ось таким чином:
Детальніше:
- HTML всередині елемента може бути завантажений або динамічно відновлений в будь-який час, тому ми не можемо знайти всі посилання та розмістити на них обробники. Використовуйте делегування подій.
- Вміст може мати вкладені теги. Внутрішні посилання також, як-от
<a href=".."><i>...</i></a>
.
Це чудове використання шаблону делегування подій.
У реальному житті замість того, щоб запитувати, ми можемо надіслати запит на «реєстрацію» на сервер, який зберігає інформацію про те, куди пішов відвідувач. Або ми можемо завантажити вміст і показати його прямо на сторінці (якщо це дозволено).
Все, що нам потрібно, це зловити contents.onclick
і використати confirm
, щоб запитати користувача. Хорошою ідеєю було б використовувати link.getAttribute('href')
замість link.href
для URL-адреси. Подробиці дивіться у рішенні.