日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間:8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
keyboard.js:可添加快捷鍵組合的JavaScript類庫

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

創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),容縣企業(yè)網(wǎng)站建設(shè),容縣品牌網(wǎng)站建設(shè),網(wǎng)站定制,容縣網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,容縣網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競爭力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿,時(shí)刻以成就客戶成長自我,堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。

主要特性:

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

◆ 字母或者字母組合綁定

◆ 支持Callback回調(diào)

◆ 多語言支持

◆ 支持AMD加載,例如 RequireJS

◆ 文檔完整

Javascript:

 
 
 
  1. $(document).ready(function(){     
  2.     var gbin1 = ['g', 'b', 'i', 'n', '1'],  
  3.          google = ['g', 'o', 'o', 'g', 'l', 'e'],  
  4.          baidu = ['b', 'a', 'i', 'd', 'u'],  
  5.     kI = 0;  
  6.     document.addEventListener('keydown', function(){  
  7.         var keys = KeyboardJS.activeKeys();  
  8.         if(keys.length) {  
  9.             for(var i = 0; i < keys.length; i += 1) {  
  10.  
  11.                 if(keys[i] === gbin1[kI]) {  
  12.                     if(kI < gbin1.length - 1) {  
  13.                         kI += 1;  
  14.                     } else {  
  15.                         $("#info").html("Loading gbin1.com ... ...");  
  16.                         location = "http://www.gbin1.com";  
  17.                     }  
  18.                 } else if(keys[i] === google[kI]) {  
  19.                     if(kI < gbin1.length - 1) {  
  20.                         kI += 1;  
  21.                     } else {  
  22.                         $("#info").html("Loading gbin1.com ... ...");  
  23.                         location = "http://www.google.com";  
  24.                     }  
  25.                 } else if(keys[i] === baidu[kI]) {  
  26.                     if(kI < gbin1.length - 1) {  
  27.                         kI += 1;  
  28.                     } else {  
  29.                         $("#info").html("Loading gbin1.com ... ...");  
  30.                         location = "http://www.baidu.com";  
  31.                     }  
  32.                 } else{  
  33.                     kI = 0;  
  34.                 }  
  35.                   
  36.                 var keysString;  
  37.  
  38.                 keysString = keys.join(', ');  
  39.                   
  40.                 if(keysString!=' '){  
  41.                     var log=$("#log");  
  42.                     log.append('' + keysString + '').find("b").last().show();  
  43.                 }  
  44.  
  45.             }  
  46.         }     
  47.     });  
  48. }); 

HTML

 
 
 
  1.  
  2.      
  3.     

    Please typing one of site names below: 

     
  4.     
       
    •         
    • gbin1
    •  
    •         
    • google
    •  
    •         
    • baidu
    •  
    •     
     
  5.     Status bar
 
  •  

    CSS

     
     
     
    1. body{  
    2.     background: #ccc;  
    3. }  
    4.  
    5. #container{  
    6.     margin: 0 auto;  
    7.     background: #202020;  
    8.     width: 960px;  
    9.     color: #E3E3E3;  
    10.     padding: 15px;  
    11.     margin-top: 0;  
    12. }  
    13.  
    14. h3{  
    15.     font-size:16px;  
    16.     font-family: Arial;  
    17.     font-weight: normal;  
    18. }  
    19.  
    20. #log b{  
    21.     position:relative;  
    22. }  
    23.  
    24. #info{  
    25.     background: #303030;  
    26.     padding: 10px;  
    27.     font-size: 10px;  
    28.     color: #888;  

    原文:http://www.gbin1.com/technology/javascript/20120208keyboard4keyshortcutsupport/


    網(wǎng)頁名稱:keyboard.js:可添加快捷鍵組合的JavaScript類庫
    文章地址:http://m.5511xx.com/article/cohphso.html