keyboard.js:可添加快捷键组合的JavaScript类库

今天分享一款帮助大家在网站或者web应用中添加快捷键组合的类库 - keyboard.js，使用这个类库你可以很方便的捕捉输入键的组合，可以帮助你很好的添加相关快捷键的操作，希望大家喜欢!

创新互联是一家集网站建设,容县企业网站建设,容县品牌网站建设,网站定制,容县网站建设报价,网络营销,网络优化,容县网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。

主要特性：

◆ 独立类库，当然也可以和其它类库组合使用，例如，jQuery

◆ 字母或者字母组合绑定

◆ 支持Callback回调

◆ 多语言支持

◆ 支持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