什么是JavaScript監(jiān)聽組合按鍵
本篇文章給大家分享的是有關(guān)什么是JavaScript監(jiān)聽組合按鍵，小編覺得挺實(shí)用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話不多說(shuō)，跟著小編一起來(lái)看看吧。
創(chuàng)新互聯(lián)公司堅(jiān)持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時(shí)代的興山網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！
1.思路
如圖，通過(guò)監(jiān)聽并打印鍵盤keydown事件，得到圖示內(nèi)容，觀察發(fā)現(xiàn)，
當(dāng)按下的組合鍵包含Ctrl鍵時(shí)，ctrlKey鍵會(huì)顯示為true;
當(dāng)按下的組合鍵包含Shift鍵、或者按鍵之前開啟大寫時(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í)例
// 按下鍵盤事件處理函數(shù)
onKeyDown(event) {
const keyCode = event.keyCode || event.which || event.charCode; // 有些瀏覽器除了通過(guò)keyCode獲取輸入鍵code，還可以通過(guò)which，charCode獲取，這么寫是出于瀏覽器兼容性考慮
const keyCombination = event.ctrlKey ;
if (keyCombination && keyCode == 75) {
console.log("按下了Ctrl + k鍵");
}
}以上就是什么是JavaScript監(jiān)聽組合按鍵，小編相信有部分知識(shí)點(diǎn)可能是我們?nèi)粘９ぷ鲿?huì)見到或用到的。希望你能通過(guò)這篇文章學(xué)到更多知識(shí)。更多詳情敬請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
本文標(biāo)題：什么是JavaScript監(jiān)聽組合按鍵
轉(zhuǎn)載來(lái)于：http://m.jiaotiyi.com/article/pjpsho.html