Question

<li><a href="javascript:onUsersClick();" id="masterUsersMenu">Users</a>

如何在上面的html元素中添加快捷键组合。像

这样的东西

<li><a href="javascript:onUsersClick();" id="masterUsersMenu" shortcut= "Ctrl+U">Users</a>

这样当＆＃34; Ctrl + U＆＃34;按下该方法会自动调用。

Answer 1

使用accesskey

例如：

<li><a href="javascript:onUsersClick();" id="masterUsersMenu" accesskey="PREFFERED_ACCESS_KEY">Users</a>

触发访问密钥的方式取决于您使用的浏览器以及您在元素中放置的accesskey值

有关使用访问密钥的详细信息，请参阅Here

Answer 2

您可能需要阅读msdn

使用jQuery。您可能需要在此处参考演示：http://jsfiddle.net/lesson8/sjNLs/

毕竟，如果你需要在锚中使用访问键，你可以在这里看到demo：

http://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_global_accesskey

请记住accesskey适用于alt。

Answer 3

尝试使用此JQuery

$(document).keypress("U",function(e) {
    if(e.ctrlKey){
        onUsersClick();
    }
    return false
});

Answer 4

一个强大的Javascript库，用于捕获输入的键盘输入和键组合。它没有依赖关系。

http://jaywcjlove.github.io/hotkeys/

hotkeys('ctrl+a,ctrl+b,r,f', function(event,handler){
    switch(handler.key){
        case "ctrl+a":alert('you pressed ctrl+a!');break;
        case "ctrl+b":alert('you pressed ctrl+b!');break;
        case "r":alert('you pressed r!');break;
        case "f":alert('you pressed f!');break;
    }
});

使用JS向html元素添加快捷键

4 个答案: