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

Список для виділення

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

Створіть список, де елементи можна виділити, як у файлових менеджерах.

  • Клік на елементі списку виділяє лише цей елемент (додає клас .selected), знімає виділення з усіх інших.
  • Якщо клікнути за допомогою Ctrl (Cmd для Mac), тоді виділення елемента перемикається, але інші елементи не змінюються.

Демо:

P.S. Для цього завдання ми можемо припустити, що елементи списку є лише текстовими. Немає вкладених тегів.

P.P.S. Спробуйте запобігти виділенню тексту в браузері за кліками.

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