JavaScript库，在按住alt/ctrl键时显示带有键盘快捷键的工具提示

是否存在一个JavaScript库，当用户按住ctrl/alt键时，该库将在页面上具有使用该键的关联键盘快捷键（通过

accesskey

属性）的元素上显示工具提示？

---

ctrl这就是我要找的：。尽管我必须在按住Ctrl键时修复闪烁

我知道我以前见过这样的事。不知道是不是同一个。有谁有更好的吗？

我想是我以前见过的那个。它看起来当然比KeyCandy好，尽管我喜欢KeyCandy如何将Ctrl作为accesskeys的修改器

下面是它的样子：

---

有，但由于这是一个内部内部网站，如果我将其设置为chrome的，您不需要任何键盘快捷键库。只需使用keydown对象中传递的对象中的键。例如：

var element = document.querySelector("#element");
element.addEventListener("keydown", function (event) {
    //Ctrl+Alt+Del
    if (event.key === "Delete" && event.ctrlKey === true && event.altKey === true) {
        //Disables Ctrl+Alt+Del
        event.preventDefault();
        alert("You pressed Ctrl+Alt+Del, too bad!");
    }
    //Win+R (On Windows, it opens up the Run Prompt)
    else if (event.key === "r" && event.metaKey === true) {
        //Disable it once again
        event.preventDefault();
        alert("You can never 'run' from me!!");
    }
    //Create A Save Prompt When Users Ctrl+S
    else if (event.key === "s" && event.ctrlKey === true) {
        event.preventDefault();
        //Give The User Options
        alert("First choose an option to save, then continue.");
    }
});

然后，从这里开始，只需将

title

属性添加到元素，以创建浏览器生成的工具提示，并在按下快捷方式时在元素上简单地添加

focus（）

JavaScript:

var element = document.querySelector("#element");

if (event.key === "h" && event.ctrlKey === true) {
    event.preventDefault();
    element.focus();
}

HTML:

帮助

---

希望有帮助

也许是浏览器扩展？而不是“JavaScript库”。。。？或者这是你希望应用到自己网站上的东西？当你提到“关联的键盘快捷键”时，你是指AccessKeys还是其他什么？它是一个web应用程序，可能需要与AccessKeys@w3d感谢AccessKeys提示。我能够找到符合我要求的东西。你是想为你的网站这样做还是在你的浏览器中这样做？我知道Opera会自动执行此操作。@RyanB这是一个B2B web应用程序。FWIW 2问题：1-在IE8中似乎不起作用。2-使用快捷键时要非常小心，浏览器热键会否决快捷键，如果用户使用的是辅助技术，则这些快捷键具有精确性。最接近于一组标准的AccessKey。这并不能回答问题。问题是，当按住

ctrl

/

alt

键时，如何在所有具有快捷键的元素旁边显示工具提示（通过

accesskey

属性）。@SamHasler我更改了答案，请再次修改。抱歉，这仍然不能回答问题。我想要的东西是，当按住

Ctrl

时，可以显示所有可能的快捷方式。我很喜欢按键提示（参见我添加到答案中的图片）。

<p title="help section" id="element">Help Help Help<p>