blob: 9befec3d881336da472eec9be240665f8deceec7 (
plain)
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
|
<html>
<head>
<script src="jquery-1.4.2.js"></script>
</head>
<body>
<h1>KeyDown.</h1>
currentTarget: <input id="kd_currentTarget"><br/>
which: <input id="kd_which"></br>
shiftKey: <input id="kd_shiftKey"><br/>
ctrlKey: <input id="kd_ctrlKey"><br/>
altKey: <input id="kd_altKey"><br/>
metaKey: <input id="kd_metaKey"><br/>
<h1>KeyPress.</h1>
currentTarget: <input id="kp_currentTarget"><br/>
which: <input id="kp_which"></br>
shiftKey: <input id="kp_shiftKey"><br/>
ctrlKey: <input id="kp_ctrlKey"><br/>
altKey: <input id="kp_altKey"><br/>
metaKey: <input id="kp_metaKey"><br/>
<h1>KeyUp.</h1>
currentTarget: <input id="ku_currentTarget"><br/>
which: <input id="ku_which"></br>
shiftKey: <input id="ku_shiftKey"><br/>
ctrlKey: <input id="ku_ctrlKey"><br/>
altKey: <input id="ku_altKey"><br/>
metaKey: <input id="ku_metaKey"><br/>
<script>
$(function() {
function KdDescribeEvent(event){
$('#kd_currentTarget').val(event.currentTarget);
$('#kd_which').val(event.which);
$('#kd_shiftKey').val(event.shiftKey);
$('#kd_ctrlKey').val(event.ctrlKey);
$('#kd_altKey').val(event.altKey);
$('#kd_metaKey').val(event.metaKey);
}
function KpDescribeEvent(event){
$('#kp_currentTarget').val(event.currentTarget);
$('#kp_which').val(event.which);
$('#kp_shiftKey').val(event.shiftKey);
$('#kp_ctrlKey').val(event.ctrlKey);
$('#kp_altKey').val(event.altKey);
$('#kp_metaKey').val(event.metaKey);
}
function KuDescribeEvent(event){
$('#ku_currentTarget').val(event.currentTarget);
$('#ku_which').val(event.which);
$('#ku_shiftKey').val(event.shiftKey);
$('#ku_ctrlKey').val(event.ctrlKey);
$('#ku_altKey').val(event.altKey);
$('#ku_metaKey').val(event.metaKey);
}
setTimeout(function() {
$(document).bind('keydown', KdDescribeEvent);
$(document).bind('keypress', KpDescribeEvent);
$(document).bind('keyup', KuDescribeEvent);
}, 500);
});
</script>
</body>
</html>
|
