js键盘上下左右键怎么触发function(实例讲解)

时间:2013-12-14    点击:190   

复制代码 代码如下:

<script type="text/javascript">
 function jumpPage() {
    if (event.keyCode==37)//左
fun_a();
if (event.keyCode==38)//上
 fun_b();
 if (event.keyCode==39)//右
fun_c();
if (event.keyCode==40)//下
fun_d();
 }


 

function fun_a(){
window.alert('你按下了左')
 }

function fun_b(){
window.alert('你按下了上')
}

function fun_c(){
window.alert('你按下了右')
}

function fun_d(){
 window.alert('你按下了下')
}
document.onkeydown=jumpPage;

</script>


HTML code
复制代码 代码如下:

<table width="100%" border="1" cellspacing="1" cellpadding="0" id=table> <tr id="lineone" style="background-color:#00cccc;"> <td id=aa height="23"> </td> <td id=aa >按向下键</td> <td id=cc >按向下键</td> <td id=dd >按向下键</td> <td id=ee >按向下键</td> </tr> <tr id="linetwo" tyle="background-color:#ffffff;"> <td id=a height="23"> </td> <td id=b >按向上键</td> <td id=c >按向上键</td> <td id=d >按向上键</td> <td id=e >按向上键</td> </tr></table><script language="javascript"> function keyDown(e) { var iekey=event.keyCode; action(iekey); } document.onkeydown = keyDown; function action(iekey) { if(iekey==40) { lineone.style.backgroundColor = ""; linetwo.style.backgroundColor = "#00cccc"; } if(iekey==38) { lineone.style.backgroundColor = "#00cccc"; linetwo.style.backgroundColor = ""; } } </script><input name="id" type="hidden" id="id" value

JS和JQUERY获取页面大小,滚动条位置,元素位置(示例代码)
利用javascript实现禁用网页上所有文本框,下拉菜单,多行文本域
js获取url中指定参数值的示例代码
Js实现双击鼠标自动滚动屏幕的示例代码
鼠标移到div,浮层显示明细,弹出层与div的上边距左边距重合(示例代码)
> 返回     
地址:上海市普陀区胶州路941号长久商务中心 电话: QQ:
© Copyright 2012 上海网络 Product All Rights Reserved