2015-05-14 62 views
1

我試圖在網頁上使用accesskey,它工作正常。在網頁中使用快捷鍵作爲訪問鍵

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

但是這需要在chrome瀏覽器中按下另一個鍵來訪問鍵'h',即'alt + h'。 如何使用訪問鍵與另一個鍵,如'ctrl + h'或'ctrl + d'這樣的組合。

誰能幫我繪製出來!

回答

1

的ACCESSKEY是針對特定瀏覽器,你不能改變它:如果你想擁有你必須使用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 
    } 
} 
}); 
+0

但是當使用Gmail即時通訊,鑰匙的某些組合被用來做特定的操作。如何實現它?例如:'ctrl + shift + k'來訪問屏幕鍵盤,就像那樣。 – Karthikeyan

+0

他們正在使用JavaScript實現,而不是僅僅使用HTML ACCESSKEY –

+0

在這個環節http://www.w3schools.com/jsref/prop_html_accesskey.asp他們正在做同樣的事情,因爲他們在HTML一樣。但如何使用js組合鍵? – Karthikeyan