JS監聽組合按鍵

有些時候，我們需要在網頁上，增加一些快捷按鍵，方便使用者使用一些常用的操作，比如：儲存，撤銷，複製、貼上等等。

下面簡單梳理一下思路：

我們所熟悉的按鍵有這麼集中型別：

大概只有這麼幾種情況了，至少我沒有見過其他的情況。如果確實存在的話，基本實現的原理也比較類似，本文就不再贅述了。

上面這三種情況，都要處理的乙個關鍵問題是阻止預設行為：比如刪除按鍵，儲存網頁按鍵，儲存書籤等等，這些網頁上的預設行為都需要阻止掉。另外乙個就是監聽按鍵，然後根據自己的需求，處理相應的事件。

基於上面提到的需要做的兩件事，我們結合**詳細理解一下。

我們寫乙個簡單的例子：

document.onkeydown = function(e) 
e.preventdefault();
return false;
}

js監聽組合按鍵的原理基本上就是這個樣子了，但是發現了一些問題，比如說：ctrl（cmd）+ w（n、q）等chrome瀏覽器快捷鍵無法進行阻止，這個不知道有沒有方式進行阻止。個人猜測可能需要更高的許可權才能做這件事。

介紹了原理之後，有什麼更好的乾貨要介紹的嗎？這個當然沒有了。。。

這怎麼可能，google是那麼的強大，只有想不到沒有做不到。只要你想用的，這裡都有的。我在網上找到這麼乙個js感覺用起來還是比較方便的。它就是shortcuts.js，官網位址。還有乙個jquery版本的，github位址。

shortcuts.js支援單獨按鍵和組合按鍵，同時可以通過配置是組合按鍵在輸入框內失效。

它的使用方式是：

shortcut("[",function() , );

可以通過在原始碼中擴充套件特殊按鍵，是組合按鍵更豐富。