如何用纯HTML实现Flask-AutoIndex的键盘导航功能？

很遗憾，没有纯HTML的简便实现方式来完成你需要的键盘导航功能，原因如下：

• HTML作为标记语言仅负责内容结构呈现，没有原生能力处理方向键切换链接这类动态交互逻辑——你需要监听键盘事件、动态修改元素焦点状态，这些操作必须依赖脚本实现。
• 回车键进入文件夹：虽然<a>标签在获焦时按回车会自动跳转，但要精准识别目标是文件夹而非普通文件，仍需要脚本判断链接指向的资源类型。
• Esc键返回父文件夹：HTML没有原生绑定Esc键触发返回上一级的机制，必须通过脚本监听keydown事件，调用history.back()或跳转至父目录链接来实现。

不过你可以结合HTML的tabindex属性优化现有JavaScript代码，让逻辑更简洁：

• 给所有文件夹链接添加tabindex="0"，确保它们能被键盘聚焦
• 用JS监听方向键事件，切换焦点到上/下一个可聚焦的链接元素
• 监听回车和Esc键，分别执行进入文件夹和返回父目录的操作

内容的提问来源于stack exchange，提问作者Brad Parks