Events/API/jQuery - Sample Code
keypress(fn)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="/jquery/js/jquery.js"></script>
<script>
$(document).ready(function(){
$("input").keypress(function (e) {
if (e.which == 32 || (65 <= e.which && e.which <= 65 + 25)
|| (97 <= e.which && e.which <= 97 + 25)) {
var c = String.fromCharCode(e.which);
$("p").append($("<span/>"))
.children(":last")
.append(document.createTextNode(c));
} else if (e.which == 8) {
// backspace in IE only be on keydown
$("p").children(":last").remove();
}
$("div").text(e.which);
});
});
</script>
<style>
input { margin:10px; }
p { color:blue; margin:10px; font-size:18px; }
p.hilite { background:yellow; }
div { color:red; }
</style>
</head>
<body>
<input type="text" />
<p>Add text - </p>
<div></div>
</body>
</html>
[実行結果]