這篇文章給大家介紹如何理解可添加快捷鍵組合的JavaScript類庫keyboard.js，內(nèi)容非常詳細(xì)，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

創(chuàng)新互聯(lián)建站，為您提供重慶網(wǎng)站建設(shè)、成都網(wǎng)站制作、網(wǎng)站營銷推廣、網(wǎng)站開發(fā)設(shè)計，對服務(wù)成都餐廳設(shè)計等多個行業(yè)擁有豐富的網(wǎng)站建設(shè)及推廣經(jīng)驗(yàn)。創(chuàng)新互聯(lián)建站網(wǎng)站建設(shè)公司成立于2013年,提供專業(yè)網(wǎng)站制作報價服務(wù),我們深知市場的競爭激烈，認(rèn)真對待每位客戶，為客戶提供賞心悅目的作品。 與客戶共同發(fā)展進(jìn)步，是我們永遠(yuǎn)的責(zé)任！

今天分享一款幫助大家在網(wǎng)站或者web應(yīng)用中添加快捷鍵組合的類庫 - keyboard.js，使用這個類庫你可以很方便的捕捉輸入鍵的組合，可以幫助你很好的添加相關(guān)快捷鍵的操作，希望大家喜歡!

主要特性：

◆ 獨(dú)立類庫，當(dāng)然也可以和其它類庫組合使用，例如，jQuery

◆ 字母或者字母組合綁定

◆ 支持Callback回調(diào)

◆ 多語言支持

◆ 支持AMD加載，例如 RequireJS

◆ 文檔完整

Javascript：

$(document).ready(function(){         var gbin1 = ['g', 'b', 'i', 'n', '1'],           google = ['g', 'o', 'o', 'g', 'l', 'e'],           baidu = ['b', 'a', 'i', 'd', 'u'],      kI = 0;      document.addEventListener('keydown', function(){          var keys = KeyboardJS.activeKeys();          if(keys.length) {              for(var i = 0; i < keys.length; i += 1) {                   if(keys[i] === gbin1[kI]) {                      if(kI < gbin1.length - 1) {                          kI += 1;                      } else {                          $("#info").html("Loading gbin1.com ... ...");                          location = "http://www.gbin1.com";                      }                  } else if(keys[i] === google[kI]) {                      if(kI < gbin1.length - 1) {                          kI += 1;                      } else {                          $("#info").html("Loading gbin1.com ... ...");                          location = "http://www.google.com";                      }                  } else if(keys[i] === baidu[kI]) {                      if(kI < gbin1.length - 1) {                          kI += 1;                      } else {                          $("#info").html("Loading gbin1.com ... ...");                          location = "http://www.baidu.com";                      }                  } else{                      kI = 0;                  }                                    var keysString;                   keysString = keys.join(', ');                                    if(keysString!=' '){                      var log=$("#log");                      log.append('' + keysString + '').find("b").last().show();                  }               }          }         });  });

HTML

          
Please typing one of site names below: 
     
         
gbin1
         
google
         
baidu
     
     Status bar