欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript 監(jiān)聽組合按鍵思路及代碼實(shí)現(xiàn)

 更新時(shí)間：2020年07月28日 11:04:39   作者：授客  
這篇文章主要介紹了JavaScript 監(jiān)聽組合按鍵思路及代碼實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

JavaScript監(jiān)聽組合按鍵

1. 思路

如圖，通過監(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í)，可通過event獲取對(duì)應(yīng)鍵的ascii碼，結(jié)合這些信息就可以對(duì)按鍵進(jìn)行判斷了

2. 代碼實(shí)例

 // 按下鍵盤事件處理函數(shù)

  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鍵");

   }

  }

到此這篇關(guān)于JavaScript 監(jiān)聽組合按鍵思路及代碼實(shí)現(xiàn)的文章就介紹到這了,更多相關(guān)JavaScript 監(jiān)聽組合按鍵內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評(píng)論