js获取键盘（上下左右）方向键，执行相应操作

来源：互联网发布：66是什么意思网络用语编辑：程序博客网时间：2024/06/01 08:50

JS获取键盘方向键，然后执行相应的响应事件。以一个简单的图片的左右切换为例，代码如下：

<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title><mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1">.list {font-size:20px;text-align:center;line-height:40px;}</style><mce:script type="text/javascript"></mce:script></head><body leftmargin="0" topmargin="0" onload="init()"><div style="position:absolute; left:0px; top:0px; width:640px; height:50px; line-height:50px; font-size:30px; color:#FFFFFF; text-align:center; background:#00CCFF;">菜单交互（背景交互）</div><div style="position:absolute; left:0px; top:100px; width:640px; height:40px;"><table width="620" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="140" height="40" class="list" id="menu0"></td> <td width="20"></td> <td width="140" class="list" id="menu1"></td> <td width="20"></td> <td width="140" class="list" id="menu2"></td> <td width="20"></td> <td width="140" class="list" id="menu3"></td> </tr></table></div></body></html>

其中：document.onkeyup = grabEvent;是获取键盘按键的响应事件，
function grabEvent(){
var keycode = event.which||event.keyCode;
switch(keycode){

case 37://left功能；

alert（“←方向键被按下”）；

case 38://up

case 39://right

case 40://down
}

可以在case里写对应的按键相应的方法或者功能。