什么是JavaScript監(jiān)聽(tīng)組合按鍵

本篇文章給大家分享的是有關(guān)什么是JavaScript監(jiān)聽(tīng)組合按鍵，小編覺(jué)得挺實(shí)用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話(huà)不多說(shuō)，跟著小編一起來(lái)看看吧。

1.思路

如圖，通過(guò)監(jiān)聽(tīng)并打印鍵盤(pán)keydown事件，得到圖示內(nèi)容，觀察發(fā)現(xiàn)，

當(dāng)按下的組合鍵包含Ctrl鍵時(shí)，ctrlKey鍵會(huì)顯示為true;

當(dāng)按下的組合鍵包含Shift鍵、或者按鍵之前開(kāi)啟大寫(xiě)時(shí)，shiftkey鍵會(huì)顯示為true;

當(dāng)按下的組合鍵包含Alt鍵時(shí)，altKey鍵會(huì)顯示為true;

當(dāng)按下的組合鍵包含meta鍵（Mac電腦上 是 【?】、command鍵，非mac電腦為 是win鍵

時(shí)，metaKey鍵會(huì)顯示為true

另外，按下鍵時(shí)，可通過(guò)event獲取對(duì)應(yīng)鍵的ascii碼，結(jié)合這些信息就可以對(duì)按鍵進(jìn)行判斷了

2.   代碼實(shí)例

        // 按下鍵盤(pán)事件處理函數(shù)
        onKeyDown(event) {
           const keyCode = event.keyCode || event.which || event.charCode; // 有些瀏覽器除了通過(guò)keyCode獲取輸入鍵code，還可以通過(guò)which，charCode獲取，這么寫(xiě)是出于瀏覽器兼容性考慮
 
 
            const keyCombination = event.ctrlKey ;
 
            if (keyCombination && keyCode == 75) {
                console.log("按下了Ctrl + k鍵");
            }
        }

以上就是什么是JavaScript監(jiān)聽(tīng)組合按鍵，小編相信有部分知識(shí)點(diǎn)可能是我們?nèi)粘９ぷ鲿?huì)見(jiàn)到或用到的。希望你能通過(guò)這篇文章學(xué)到更多知識(shí)。更多詳情敬請(qǐng)關(guān)注億速云行業(yè)資訊頻道。