完整的 key press 过程分为两个部分:
1. 按键被按下;
2. 按键被松开。
当按钮被按下时,发生 keydown 事件。
keydown() 方法触发 keydown 事件,或规定当发生 keydown 事件时运行的函数。
event.which属性指示按了哪个键或按钮。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!-- jquery不可缺少 -->
<script type="text/javascript" src="js/jquery-2.1.4.js"></script>
<title>按键监听</title>
</head>
<body>
<div id="content" style="position:relative;width: 200px;height:200px;background:red"></div>
</body>
<script>
$(document).keydown(function(event){
switch(event.which){
case 37:
$("#content").css("left","-=10px") ;
break;
case 38:$("#content").css("top","-=10px");
break;
case 39:$("#content").css("left","+=10px");
break;
case 40:$("#content").css("top","+=10px") ;
break;
default:break;
}
});
$(document).keyup(function(event){
$(document).keydown=null;
return false;
});
</script>
</html>
通过按下↑↓←→来移动div元素的位置