-
Notifications
You must be signed in to change notification settings - Fork 34
/
kb.html
116 lines (110 loc) · 3.8 KB
/
kb.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=320,maximum-scale=1.3,user-scalable=no">
<title>带虚拟键盘的jslinux</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/softkeys-0.0.1.css">
<!--[if IE]>
<script src="http://cdn.bootcss.com/html5shiv/r29/html5.min.js"></script>
<![endif]-->
<style>
body{ background-color: #F0F0F0 }
.jq22-header h3{ text-align: center; line-height: 30px; }
</style>
<style>
.term {
font-family: courier,fixed,swiss,monospace,sans-serif;
font-size: 14px;
color: #f0f0f0;
background: #000000;
}
.termReverse {
color: #000000;
background: #00ff00;
}
#note {
font-size: 12px;
}
#copyright {
font-size: 10px;
}
#clipboard {
font-size: 12px;
}
</style>
</head>
<body onload="start()">
<table border="0">
<script type="text/javascript" src="utils.js"></script>
<script type="text/javascript" src="term.js"></script>
<script type="text/javascript" src="cpux86-ta.js"></script>
<script type="text/javascript" src="jslinux.js"></script>
<input style="display:none" type="button" value="Clear clipboard" onclick="clear_clipboard();"><br><textarea style="display:none" row="4" cols="16" id="text_clipboard"></textarea>
</table>
<div class="softkeys" data-target="input[name='code']"></div>
<div style="display:none" class="jq22-container"><!--for softkeys demo ，not used -->
<div class="container-fluid mt50">
<form class="row form">
<div class="col-sm-offset-4 col-sm-4 form-group">
<input type="text" name="code" class="form-control input-lg">
</div>
</form>
</div>
</div>
<script src="js/jquery-1.11.0.min.js"></script>
<script src="js/softkeys-0.0.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.softkeys').softkeys({
target : $('.softkeys').data('target'),
layout : [
[
['`','~'],
['1','!'],
['2','@'],
['3','#'],
['4','$'],
['5','%'],
['6','^'],
['7','&'],
['8','*'],
['9','('],
['0',')'],
['-', '_'],
['=','+'],
'delete'
],
[ 'tab',
'q','w','e','r','t','y','u','i','o','p',
['[','{'],
[']','}']
],
[
'capslock',
'a','s','d','f','g','h','j','k','l',
[';',':'],
["'",'"'],
['\\','|'],
'return'
],
[
'shift',
'z','x','c','v','b','n','m',
[',','<'],
['.','>'],
['/','?'],
['@']
],
[
'space'
]
]
});
});
</script>
</body>
</html>