QuestionMark.js：为您的应用增添便捷的快捷键提示

尤琦珺Bess

于 2024-05-22 10:02:26 发布

阅读量286

点赞数 4

本文链接：https://blog.csdn.net/gitblog_00067/article/details/139111814

版权

QuestionMark.js：为您的应用增添便捷的快捷键提示

QuestionMark.js A keyboard shortcuts modal for your app. 项目地址: https://gitcode.com/gh_mirrors/qu/QuestionMark.js

项目介绍

QuestionMark.js 是一个轻量级的 JavaScript 库，旨在为您的应用程序提供一个便捷的快捷键提示功能。当用户按下 ? 键时，QuestionMark.js 会触发一个模态窗口，显示应用程序的键盘快捷键，类似于 Twitter、Gmail、GitHub 等知名应用中的功能。模态窗口可以通过按下 ESC 键或在模态窗口外点击来关闭。

QuestionMark.js 的设计初衷是为所有拥有键盘快捷键的应用程序提供一个简单易用的帮助菜单。虽然目前它主要作为快捷键菜单使用，但通过一些代码和 CSS 的调整，它也可以扩展为一个通用的帮助菜单。

项目技术分析

QuestionMark.js 的技术实现非常简洁高效。整个脚本经过压缩和 gzip 后不到 1KB，并且没有任何外部依赖。它通过 Fetch API 加载 question.mark.html 文件中的内容，并将其插入到页面的 <body> 元素中。模态窗口最初是不可见的，通过 CSS 过渡效果显示出来。

该脚本支持所有支持 Fetch API 的现代浏览器。如果您需要兼容较旧的浏览器，可以使用 1.0.0 版本。