JavaScript 键盘事件:
1. keydown():
按键按下时,触发该事件;
2. keyup();
按键按下松开时,触发该事件;
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>监听键盘按键</title>
<script type="text/javascript" src="http://labfile.oss.aliyuncs.com/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(
function(){
document.onkeydown = function(){
var ev = window.event;
if(ev.keyCode==37 || ev.keyCode==65){//方向键左和A被按下,下同
alert("刚刚按下的是 向上按键");
}
}
document.onkeyup = function(){
var ev = window.event;
if(ev.keyCode==37 || ev.keyCode==65){//方向键左和A被释放,下同
alert("刚刚释放的是 向上按键");
}
}
});
</script>
</head>
JQuery按键事件:
/监听键盘的上下左右移动
$(document).keydown(function(event) {
var ev = event || window.event;
switch (ev.keyCode) {
case 37: //left
ev.preventDefault();
break;
case 38:
...
break;
case 39:
...
break;
case 40:
...
break;
}