133 lines
3.0 KiB
HTML
Executable File
133 lines
3.0 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>keyin</title>
|
|
<meta charset="utf-8">
|
|
<meta name="description"
|
|
content="THIS IS A TEMPLATE FOR SINGLE-PAGE APP FILES.">
|
|
|
|
<!-- [STYLE] ======================================================= -->
|
|
<style>
|
|
body {
|
|
color: #009000 ;
|
|
background-color: black ;
|
|
font-family: "Bitstream Vera Sans Mono", "Lucida Sans",
|
|
"Lucida Console", "MS Gothic" ;
|
|
}
|
|
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<!-- [CONTENT] ===================================================== -->
|
|
|
|
<h1>keyin</h1>
|
|
|
|
Press Arrow Key or Any Other Key:<br><br>
|
|
<div id="info"></div>
|
|
|
|
<!-- [SCRIPT] ====================================================== -->
|
|
<script>
|
|
var Key = {
|
|
LEFT: 37,
|
|
UP: 38,
|
|
RIGHT: 39,
|
|
DOWN: 40,
|
|
P: 80,
|
|
R: 82,
|
|
X: 88,
|
|
Z: 90
|
|
};
|
|
|
|
/**
|
|
* old IE: attachEvent
|
|
* Firefox, Chrome, or modern browsers: addEventListener
|
|
*/
|
|
function _addEventListener(evt, element, fn) {
|
|
if (window.addEventListener) {
|
|
element.addEventListener(evt, fn, false);
|
|
}
|
|
else {
|
|
element.attachEvent('on'+evt, fn);
|
|
}
|
|
}
|
|
|
|
function handleKeyDown(evt) {
|
|
if (!evt) {evt = window.event;} // for old IE compatible
|
|
var keycode = evt.keyCode || evt.which; // also for cross-browser compatible
|
|
|
|
var info = document.getElementById("info");
|
|
switch (keycode) {
|
|
case Key.LEFT:
|
|
info.innerHTML += (" ← down ");
|
|
break;
|
|
case Key.UP:
|
|
info.innerHTML += (" ↑ down ");
|
|
break;
|
|
case Key.RIGHT:
|
|
info.innerHTML += (" → down ");
|
|
break;
|
|
case Key.DOWN:
|
|
info.innerHTML += (" ↓ down ");
|
|
break;
|
|
case Key.P:
|
|
info.innerHTML += (" P down ");
|
|
break;
|
|
case Key.R:
|
|
info.innerHTML += (" R down ");
|
|
break;
|
|
case Key.X:
|
|
info.innerHTML += (" X down ");
|
|
break;
|
|
case Key.Z:
|
|
info.innerHTML += (" Z down ");
|
|
break;
|
|
default:
|
|
info.innerHTML += (" SOMEKEY " + keycode + " down ");
|
|
}
|
|
}
|
|
|
|
function handleKeyUp(evt) {
|
|
if (!evt) {evt = window.event;} // for old IE compatible
|
|
var keycode = evt.keyCode || evt.which; // also for cross-browser compatible
|
|
|
|
var info = document.getElementById("info");
|
|
switch (keycode) {
|
|
case Key.LEFT:
|
|
info.innerHTML += (" ← up ");
|
|
break;
|
|
case Key.UP:
|
|
info.innerHTML += (" ↑ up ");
|
|
break;
|
|
case Key.RIGHT:
|
|
info.innerHTML += (" → up ");
|
|
break;
|
|
case Key.DOWN:
|
|
info.innerHTML += (" ↓ up ");
|
|
break;
|
|
case Key.P:
|
|
info.innerHTML += (" P up ");
|
|
break;
|
|
case Key.R:
|
|
info.innerHTML += (" R up ");
|
|
break;
|
|
case Key.X:
|
|
info.innerHTML += (" X up ");
|
|
break;
|
|
case Key.Z:
|
|
info.innerHTML += (" Z up ");
|
|
break;
|
|
default:
|
|
info.innerHTML += (" SOMEKEY " + keycode + " up ");
|
|
}
|
|
}
|
|
|
|
_addEventListener('keydown', document, handleKeyDown);
|
|
_addEventListener('keyup', document, handleKeyUp);
|
|
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|