回到课程

可选列表

重要程度: 5

创建一个可以选择元素的列表,例如在文件管理器中。

  • 点击列表元素,只选择该元素(添加 .selected 类),取消选择其他所有元素。
  • 如果点击时,按键 Ctrl(在 Mac 中为 Cmd)是被按下的,则选择会被切换到被点击的元素上,但其他元素不会被改动。

示例:

P.S. 对于此任务,我们可以假设列表项是纯文本的。没有嵌套标签。

P.P.S. 防止点击时浏览器原生的文本选择。

打开一个任务沙箱。