在网页中使用快捷键作为Access键

时间:2015-05-14 09:49:57

标签: javascript html

我尝试在网页上使用accesskey,它运行正常。

<a href="http://localhost/" accesskey="h">HTML5</a><br>
or
document.getElementById("myAnchor").accessKey = "w"; 

但这需要按下另一把钥匙来访问密钥&#39; h&#39;即&#39; alt + h&#39;在Chrome浏览器中。 如何将访问密钥与另一个密钥组合使用,例如&#39; ctrl + h&#39;或者&#39; ctrl + d&#39;那样的。

任何人都可以帮我策划出来!

1 个答案:

答案 0 :(得分:1)

accesskey是特定于浏览器的,您无法更改它:

http://www.w3schools.com/tags/att_global_accesskey.asp

如果您想要这样的组合,您必须使用javascript

类似的东西:

$('body').keydown(function(e){
    if(e.shiftKey&&e.ctrlKey){
        ///something in here
    }
});

如果要对许多元素使用accesskey,可以创建自己的插件,如:

<a href="http://localhost/" data-accesskey="shift+h">HTML5</a>

$('body').on('keydown','[data-accesskey]',function(e){
   var keys = $(this).data('accesskey').split('+');
   var shift = ($.inArray('shift',keys)>=1?true:false);
   var ctrl= ($.inArray('ctrl',keys)>=1?true:false);
if(e.ctrlKey||!ctrl){
    if(e.shiftKey||!shift){
         // now in here you can bind what ever function you want to it
    }
}
});