js键盘上下左右键怎么触发function(实例讲解)
来源:互联网 发布:复杂网络节点重要性 编辑:程序博客网 时间:2024/05/04 13:10
这篇文章主要是对js键盘上下左右键怎么触发function 进行了详细的分析介绍,需要的朋友可以过来参考下,希望对大家有所帮助
代码如下:
<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
代码如下:
<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
0 0
- js键盘上下左右键怎么触发function(实例讲解)
- js键盘上下左右键如何触发function
- JS控制文本框内键盘上下左右键的焦点
- 每日一个js实例11--上下左右键
- 响应键盘的上下左右键
- HTML5-事件-键盘-上下左右键
- 利用JS来控制键盘的上下左右键(示例代码)
- js 上下左右键控制焦点
- linux 读取键盘上下左右键小程序
- EXCEL上下左右键
- JS上下左右键在GridView 中移动焦点
- JS实现表格使用上下左右键聚集
- C#接受上下左右键
- js屏蔽鼠标左右键和键盘按键功能
- ASP.NET中键盘上下左右键控制DataGrid的项选择和分页
- android 模拟器出现DPAD问题,模拟器没有出现键盘,上下左右键也用不了
- HTC G11自带键盘具有上下左右键,导致不希望的逻辑出现
- 自动点击键盘左右键
- 利用JS来控制键盘的上下左右键(示例代码)
- 黑马程序员 正则表达式。
- Div Popup Example
- 【Java TCP/IP Socket】 — close()/shutdownOutput()/shutdownInput() 分析
- unicode字符集与多字节字符集的转换
- js键盘上下左右键怎么触发function(实例讲解)
- Hessian matrix
- Shell 快捷键
- java 从零开始,学习笔记之基础入门<Oracle_查询>(三十四)
- 快速排序
- 我们家的书(原创 散文)
- ArcGIS影像数据库
- 开源爬虫Labin,Nutch,Neritrix介绍和对比
- dhcp3-server