選択可能なリスト
重要性: 5
ファイルマネージャのような、要素が選択可能なリストを作ってください。
- リスト要素でクリックすると、その要素だけを選択します(クラス
.selectedを付与)、その以外の要素は非選択にします。 - Ctrl (Mac だと Cmd) と一緒にクリックされた場合、要素上の選択は切り替わりますが、他の要素は変更されません。
デモ:
P.S. このタスクでは、リスト項目はテキストのみを想定します。ネストされたタグはありません。 P.P.S. クリック時のテキストのネイティブブラウザ選択を防ぎます。