Lista seleccionable
importancia: 5
Cree una lista donde los elementos son seleccionables, como en los administradores de archivos.
- Un clic en un elemento de la lista selecciona solo ese elemento (agrega la clase
.selected
), deselecciona todos los demás. - Si se hace un clic con Ctrl (Cmd para Mac), el estado seleccionado/deseleccionado cambia para ese solo elemento, los otros elementos no se modifican.
Demo:
PD: Para esta tarea, podemos suponer que los elementos de la lista son solo de texto. No hay etiquetas anidadas.
PPD: Evita la selección nativa del navegador del texto en los clics.