jQuery hotkeys 實際執行畫面

鍵盤熱鍵套件簡化網頁事件的操作步驟，可以讓您可以輕鬆的添加或移除熱鍵，在你的網頁任什地方幾乎都能夠支援組合鍵的鍵盤事件，jQuery hotkeys 基於 jQuery 框架開發簡化網頁元鍵操作擴充性大。


使用方法：
首先載入程式所需要的 JavaScript 程式碼
//使用Google ajax API 直接連結 jQuery 1.7.2的min版本
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
//Hotkeys 主程式碼
<script src="jquery.hotkeys.js"></script>


接下來只要設定綁定某一個熱鍵來執行函式就可以了
例如要像範例圖片一樣按下熱鍵即換顏色
HTML部分只要設定網頁元素一個ID或者是jQuery 容易區別的方式即可
<div id="_Ctrl_g">Ctrl+g</div>

接下來在 JavaScript 的部分只要綁定按下鍵盤組合鍵的方式
來做接下來的函式
$(document).bind('keydown', 'Ctrl+g',function (evt){
    $('#_Ctrl_g').css('background-color','#0ca2ff'); return false;
}); //按下及改變顏色


最後在附上一個解除綁定的方式
$(document).unbind('keydown', 'Ctrl+g',function(evt){
    $('#_Ctrl_g').css('background-color','#000'); return false;
});

有了這個套件在HTML5遊戲開發上真的是蠻方便的


作者網站：https://github.com/jeresig/jquery.hotkeys
檔案大小：39 KB
檔案下載：https://github.com/jeresig/jquery.hotkeys
檔案備份：下載