50楼#
发布于:2015-05-22 07:27
|
|
52楼#
发布于:2015-05-22 23:56
|
|
53楼#
发布于:2015-05-23 08:44
|
|
54楼#
发布于:2015-05-27 06:00
<!DOCTYPE html>
<html> <head> <meta charset="utf-8"/> <meta name="viewport" content="width=device-width, user-scalable=no" /> <title></title> <link rel="stylesheet" type="text/css" href="keyboard.css"> <script> var KEY_TAG=navigator.userAgent.indexOf("Trident")>0?"DIV":"BUTTON"; /* timer */ const REPEAT_RATE = 100; const REPEAT_TIMEOUT = 700; const MENU_TIMEOUT = 500; /* key code */ const KEYCODE_SHIFT=-1; const KEYCODE_STATE=-2; const KEYCODE_MENU=-3; const KEYCODE_SWITCH_number=-10; const KEYCODE_SWITCH_english=-11; const KEYCODE_SWITCH_number2=-12; const KEYCODE_SWITCH_index=-13; const KEYCODE_SWITCH_index0=-14; const KEYCODE_SWITCH_index1=-15; const KEYCODE_SWITCH_index2=-16; const KEYCODE_SWITCH_index3=-17; const KEYCODE_DEL=0x08; const KEYCODE_TAB=0x09; const KEYCODE_ENTER=0x0d; const KEYCODE_ESC=0x1b; const KEYCODE_SPACE=0x20; const KEYCODE_DEL_F=0xff; const KEYCODE_a=0x61; const KEYCODE_b=0x62; const KEYCODE_c=0x63; const KEYCODE_d=0x64; const KEYCODE_s=0x73; const KEYCODE_t=0x74; const KEYCODE_x=0x78; const KEYCODE_z=0x7a; const KEYCODE_LEFT=0xff51; const KEYCODE_UP=0xff52; const KEYCODE_RIGHT=0xff53; const KEYCODE_DOWN=0xff54; /* old browser support */ function getDataset(e,m){ var ret; do { if(e.dataset) ret=e.dataset[m]; else ret=e.getAttribute("data-"+m); if(!ret) e=e.parentElement; }while(!ret && e); return ret; }; function setDataset(e,m,v){ if(e.dataset) e.dataset[m]=v; else e.setAttribute("data-"+m,v); } function addClass(e,c){ if(e.classList) { e.classList.add(c); return; } var temp=e.className; var classList=temp?temp.split(/\s+/):[]; classList.push(c); temp=classList.join(" "); e.className=temp; } function removeClass(e,c){ if(e.classList) { e.classList.remove(c); return; } var temp=e.className; var classList=temp?temp.split(/\s+/):[]; var dirty=-1; for(var i=0;i<classList.length;i++){ if(classList==c) dirty=i; } if(dirty!=-1) { classList.splice(dirty,1); temp=classList.join(" "); e.className=temp; } } /* keyboard layout */ var Keyboards = { english: { shifted : false, alt : { 'q':'1', 'w':'2', 'e':'3', 'r':'4', 't':'5', 'y':'6', 'u':'7', 'i':'8', 'o':'9', 'p':'0', 'a':'@', 'l':'"', 'n':'\\', 'm':'\'', ',':'/', ';':':', '.':'?', 'z':'←', 'x':'↓', 'c':'→', 'v':'↑', '⇪':'→|', '中/En':'M' }, upper: { 'q':'Q','w':'W','e':'E','r':'R','t':'T', 'y':'Y','u':'U','i':'I','o':'O','p':'P', 'a':'A','s':'S','d':'D','f':'F','g':'G', 'h':'H','j':'J','k':'K','l':'L', 'z':'Z','x':'X','c':'C','v':'V','b':'B', 'n':'N','m':'M' }, key : [ [{v:'w',r:1.42},{v:'e',r:1.42},{v:'r',r:1.42},{v:'t',r:1.48},{v:'y',r:1.42},{v:'u',r:1.42},{v:'i',r:1.42}], [{v:'q',r:1.42},{v:'d',r:1.42},{v:'f',r:1.42},{v:'g',r:1.48},{v:'h',r:1.42},{v:'o',r:1.42},{v:'p',r:1.42}], [{v:'a',r:1.42},{v:'s',r:1.42},{v:'v',r:1.42},{v:'b',r:1.48},{v:'j',r:1.42},{v:'k',r:1.42},{v:'l',r:1.42}], [{v:'⇪',c:KEYCODE_SHIFT,r:1.42,s:true},{v:'z',r:1.42},{v:'x',r:1.42},{v:'c',r:1.48},{v:'n',r:1.42},{v:'m',r:1.42},{v:'⌫',c:KEYCODE_DEL,r:1.42,s:true}], /*{v:'⇐',c:KEYCODE_DEL,r:1.5,s:true}],*/ [{v:'中/En',r:1.42,c:KEYCODE_STATE,s:true}, /*{v:'12',r:1.4,c:KEYCODE_SWITCH_number,s:true},*/ {v:'🌐',r:1.42,c:KEYCODE_SWITCH_number,s:true},{v:';',r:1}, {v:' ',r:2.26,c:KEYCODE_SPACE,s:false}, {v:',',s:false},{v:'.',s:false}, {v:'↵',r: 2,c:KEYCODE_ENTER,s:true}] ] }, number: { shifted : false, alt : { '⇪':'→|', '中/En':'M' }, upper: { "1":"`", "2":"~", "3":"_", "4":"^", "5":"±", "6":"|", "7":"[", "8":"]", "9":"{", "0":"}", "@":"°", "#":"²", "$":"³", "%":"©", "&":"®", "*":"§", "-":"<", "+":">", "(":"«", ")":"»", "!":"¥", "\"":"€", "'":"£", ":":"$", ";":"¢", "/":"\\", "?":"=" }, key : [ [{v:'@',r:1.42},{v:'#',r:1.42},{v:'1',r:1.42},{v:'2',r:1.48},{v:'3',r:1.42},{v:'&',r:1.42},{v:'*',r:1.42}], [{v:'$',r:1.42},{v:'%',r:1.42},{v:'4',r:1.42},{v:'5',r:1.48},{v:'6',r:1.42},{v:'-',r:1.42},{v:'+',r:1.42}], [{v:'!',r:1.42},{v:'"',r:1.42},{v:'7',r:1.42},{v:'8',r:1.48},{v:'9',r:1.42},{v:'(',r:1.42},{v:')',r:1.42}], [{v:'⇪',c:KEYCODE_SHIFT,r:1.42,s:true},{v:'\'',r:1.42},{v:':',r:1.42},{v:'0',r:1.48},{v:'/',r:1.42},{v:'?',r:1.42},{v:'⌫',c:KEYCODE_DEL,r:1.42,s:true}], /*{v:'⇐',c:KEYCODE_DEL,r:1.5,s:true}],*/ [{v:'中/En',r:1.42,c:KEYCODE_STATE,s:true}, /*{v:'ab',r:1.5,c:KEYCODE_SWITCH_english,s:true},*/ {v:'🌐',r:1.42,c:KEYCODE_SWITCH_english,s:true},{v:';'}, {v:' ',r:2.26,c:KEYCODE_SPACE,s:false}, {v:',',s:false},{v:'.',s:false}, {v:'↵',r: 2,c:KEYCODE_ENTER,s:true}] ] }, number2: { width:5, index:0, alt : { '⇪':'→|', '中/En':'M', '.':':', '/':'?', '[':'{', ']':'}', '1':'%', '2':'^', '3':'&', '4':'(', '5':'=', '6':')', '7':'#', '8':'-', '9':'*', '0':'+', '~':'_' }, key0: [ [{v:'数字',c:KEYCODE_SWITCH_index,s:true},{v:'1'},{v:'2'},{v:'3'},{v:'⌫',c:KEYCODE_DEL,s:true}], [{v:'符号',c:KEYCODE_SWITCH_index1,s:true},{v:'4'},{v:'5'},{v:'6'},{v:'↵',c:KEYCODE_ENTER,s:true}], [{v:'表情',c:KEYCODE_SWITCH_index2,s:true},{v:'7'},{v:'8'},{v:'9'},{v:'空格',c:KEYCODE_SPACE,s:true}], [{v:'中/En',c:KEYCODE_STATE,s:true},{v:'/'},{v:'0'},{v:'.'},{v:'🌐',c:KEYCODE_SWITCH_english,s:true}] ], key1: [ [{v:'数字',c:KEYCODE_SWITCH_index0,s:true},{v:'"'},{v:'\''},{v:'~'},{v:'⌫',c:KEYCODE_DEL,s:true}], [{v:'符号',c:KEYCODE_SWITCH_index,s:true},{v:'$'},{v:';'},{v:'@'},{v:'↵',c:KEYCODE_ENTER,s:true}], [{v:'表情',c:KEYCODE_SWITCH_index2,s:true},{v:'!'},{v:'#'},{v:'%'},{v:'空格',c:KEYCODE_SPACE,s:true}], [{v:'中/En',c:KEYCODE_STATE,s:true},{v:'\\'},{v:'['},{v:']'},{v:'🌐',c:KEYCODE_SWITCH_english,s:true}] ], key2: [ [{v:'数字',c:KEYCODE_SWITCH_index0,s:true},{v:' |
|
55楼#
发布于:2015-05-27 06:05
|
|
57楼#
发布于:2015-05-27 06:54
|
|
58楼#
发布于:2015-05-27 06:56
|
|
59楼#
发布于:2015-05-27 08:31
|
|