js键盘事件
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
window.onload=function(){
oArea=document.getElementById('area');
oTxt=document.getElementById('txt');
oBtn=document.getElementById('btn');
oBtn.onclick=function(){
oArea.value=oArea.value+oTxt.value+'\n';
oTxt.value=''
}
oTxt.onkeydown = function(evt){
var e = evt || event;
if(e.keyCode == 13 && e.ctrlKey) {
oArea.value += oTxt.value+"\n";
oTxt.value = "";
}
}
}
</script>
</head>
<body>
<textarea cols="50" rows="9" id="area"></textarea>
<br/>
<input type="text" id="txt" />
<input type="button" id="btn" value="提交" />
</body>
</html>
2.键盘码,键盘输入多少就显示其对应的状态码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0035)http://fgm.cc/learn/lesson5/03.html -->
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>用户按下键盘,显示keyCode</title>
<style>
body{
text-align:center;
font:30px/1.5 \5fae\8f6f\96c5\9ed1, arial;
}
pre{color:green;padding:10px 15px;background:#f0f0f0;border:1px dotted #333;font:12px/1.5 Courier New;text-align:left;}
span{color:#999;}
</style>
<script type="text/javascript">
window.onload = function(){
var oP = document.getElementsByTagName("p")[0];
document.onkeydown = function(evt){
var e = evt || event; //兼容写法
oP.innerHTML = e.keyCode;
}
}
</script>
</head>
<body>
当前按键的编码<p>70</p>
</body></html>