JavaScript 監聽組合按鍵

JavaScript監聽組合按鍵

by:授客 QQ：1033553122

1.   思路

如圖，通過監聽並列印鍵盤keydown事件，得到圖示內容，觀察發現，

當按下的組合鍵包含Ctrl鍵時，ctrlKey鍵會顯示為true;

當按下的組合鍵包含Shift鍵、或者按鍵之前開啟大寫時，shiftkey鍵會顯示為true; 

當按下的組合鍵包含Alt鍵時，altKey鍵會顯示為true;

當按下的組合鍵包含meta鍵（Mac電腦上 是 【⌘】、command鍵，非mac電腦為 是win鍵
 
時，metaKey鍵會顯示為true

另外，按下鍵時，可通過event獲取對應鍵的ascii碼，結合這些信息就可以對按鍵進行判斷了

2.   代碼實例

        // 按下鍵盤事件處理函數

        onKeyDown(event) {

           const keyCode = event.keyCode || event.which || event.charCode; // 有些瀏覽器除了通過keyCode獲取輸入鍵code，還可以通過which，charCode獲取，這麼寫是出於瀏覽器相容性考慮

            const keyCombination = event.ctrlKey ;

            if (keyCombination && keyCode == 75) {

                console.log("按下了Ctrl + k鍵");

            }

        }