仿效谷歌鍵盤快捷鍵

Question

我真的很好奇谷歌（現在Facebook在照片畫廊）如何實現快捷鍵，例如Ĵ/ķ或←/→箭頭。恐怕我沒有很多細節，因爲我無法通過檢查哪件作品使得那些按鈕「抽搐」的來源而弄清楚，可以這麼說。我特別想找的是一種將按鈕綁定到Javascript功能的方法 - 從那裏開始，這顯然相當簡單。

Answer 1

在最基本的，你只（如果你希望它是全球頁面的文檔對象上），然後看看事件對象，看看哪個鍵被按下注冊keydown事件處理程序。

由於不同的瀏覽器不同的方式處理（我看的Internet Explorer）的活動，我一般用一個抽象層，如YUI或jQuery的正常化的差異。

YUI有example of implementing keyboard control和（雖然這個例子不附加到文檔對象）。

如果你想找出什麼鍵碼相關的密鑰，然後我發現它最容易使用Firebug。

在控制檯運行下面的代碼：

document.onkeydown = function (ev) { console.log(ev); } 

＆hellip;然後單擊頁面並按鍵。打印到控制檯的對象會告訴你剛剛開啓了什麼鍵碼。

Answer 2

我推薦使用js-hotkeys（jQuery插件）。

我已經在生產環境之前使用這個插件，所以我測試了它在所有A級瀏覽器之前，我實現了它。這是大約三個月前。