js键盘上下左右键怎么触发function(实例讲解)
2013-12-16 15:05
661 查看
代码如下:
<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
代码如下:
unity3d http://www.unitymanual.com/
<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
本文出自 “unity3d学习者” 博客,请务必保留此出处http://unity3d168.blog.51cto.com/4361353/1341130
<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
代码如下:
unity3d http://www.unitymanual.com/
<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
本文出自 “unity3d学习者” 博客,请务必保留此出处http://unity3d168.blog.51cto.com/4361353/1341130
相关文章推荐
- js键盘上下左右键怎么触发function(实例讲解)
- js键盘上下左右键怎么触发function(实例讲解)
- js键盘上下左右键怎么触发function(实例讲解)
- js键盘上下左右键如何触发function
- js实现键盘上下左右键选择文字并显示在文本框的方法
- JS判断键盘上的上下左右键
- js实现键盘上下左右键选择文字并显示在文本框的方法
- 利用JS来控制键盘的上下左右键(示例代码)
- 每日一个js实例11--上下左右键
- 利用JS来控制键盘的上下左右键(示例代码)
- JS控制文本框内键盘上下左右键的焦点
- 利用JS来控制键盘的上下左右键(示例代码)
- [webGL学习]基于three.js构建WebGL实例讲解大纲
- JS时间控制实现动态效果的实例讲解
- 判断滚动条滑到底部触发事件(实例讲解)
- 响应键盘的上下左右键
- 实例讲解JS中setTimeout()的用法
- js鼠标滚轮上下滚动监听事件应用实例(跨浏览器,亲测)
- 原生js的ajax和解决跨域的jsonp(实例讲解)
- js鼠标事件、键盘事件实例代码