js键盘上下左右键如何触发function
2011-10-21 15:52
447 查看
<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="1"
/>
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="1"
/>
相关文章推荐
- js键盘上下左右键怎么触发function(实例讲解)
- js键盘上下左右键怎么触发function(实例讲解)
- js键盘上下左右键怎么触发function(实例讲解)
- js键盘上下左右键怎么触发function(实例讲解)
- JS控制文本框内键盘上下左右键的焦点
- 利用JS来控制键盘的上下左右键(示例代码)
- c# winform如何屏蔽键盘上下左右键
- js实现键盘上下左右键选择文字并显示在文本框的方法
- 利用JS来控制键盘的上下左右键(示例代码)
- JS判断键盘上的上下左右键
- 利用JS来控制键盘的上下左右键(示例代码)
- js实现键盘上下左右键选择文字并显示在文本框的方法
- js键盘上下左右(方向键)事件
- TextBox JS前台赋值触发Onchange事件,屏蔽键盘操作
- js笔记:如何解决mouseover与mouseout的多次触发问题
- js在手机端如何用脚本调用弹出键盘?
- 每日一个js实例11--上下左右键
- js实现用键盘控制DIV上下左右+放大缩小与变色
- js获取键盘(上下左右)方向键,执行相应操作
- 使用JS监听键盘两个组合键触发的事件