欢迎来到代码驿站!

JavaScript代码

当前位置:首页 > 网页前端 > JavaScript代码

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

时间:2021-08-02 07:29:35|栏目:JavaScript代码|点击:

复制代码 代码如下:

<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">&nbsp;</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">&nbsp;</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

上一篇:BootStrap Validator对于隐藏域验证和程序赋值即时验证的问题浅析

栏    目:JavaScript代码

下一篇:JavaScript实现通讯录功能

本文标题:js键盘上下左右键怎么触发function(实例讲解)

本文地址:http://www.codeinn.net/misctech/163469.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有