手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >js键盘上下左右键怎么触发function(实例讲解)
js键盘上下左右键怎么触发function(实例讲解)
摘要:复制代码代码如下:functionjumpPage(){if(event.keyCode==37)//左fun_a();if(event.k...

复制代码 代码如下:

<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"> <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键盘上下左右键怎么触发function(实例讲解)】相关文章:

JS实现简单路由器功能的方法

静态的动态续篇之来点XML

JavaScript的Date()方法使用详解

Javascript类型转换的规则实例解析

jquery使用each方法遍历json格式数据实例

javascript瀑布流式图片懒加载实例解析与优化

理解javascript定时器中的单线程

nodejs怎么简单实现中英文翻译

一个特帅的展示图片的js+css

js事件监听器用法实例详解

精品推荐
分类导航