назад до уроку

Зловіть посилання

важливість: 5

Зробіть так, щоб усі посилання всередині елемента з id="contents" запитали у користувача, чи дійсно він хоче вийти. І якщо ні, то не переходьте за посиланням.

Ось таким чином:

Детальніше:

  • HTML всередині елемента може бути завантажений або динамічно відновлений в будь-який час, тому ми не можемо знайти всі посилання та розмістити на них обробники. Використовуйте делегування подій.
  • Вміст може мати вкладені теги. Внутрішні посилання також, як-от <a href=".."><i>...</i></a>.

Відкрити пісочницю для завдання.

Це чудове використання шаблону делегування подій.

У реальному житті замість того, щоб запитувати, ми можемо надіслати запит на «реєстрацію» на сервер, який зберігає інформацію про те, куди пішов відвідувач. Або ми можемо завантажити вміст і показати його прямо на сторінці (якщо це дозволено).

Все, що нам потрібно, це зловити contents.onclick і використати confirm, щоб запитати користувача. Хорошою ідеєю було б використовувати link.getAttribute('href') замість link.href для URL-адреси. Подробиці дивіться у рішенні.

Відкрити рішення в пісочниці.