JavaScript 实现键盘上下左右方向键监听示例
作者:拾光时间:2026-10-27 14:32:28浏览:83
本文介绍如何使用JavaScript监听键盘上下左右方向键。通过定义up、down、left、right四个函数,并在jumpPage中判断event.keyCode值(37至40),分别调用对应函数。最后将jumpPage绑定到document.onkeydown,实现简单的键盘导航功能。
JavaScript 键盘方向键监听实现
具体实现代码如下所示:
<script type="text/javascript">
function up(){ alert("up");}
function down(){alert("down");}
function left(){ alert("left");}
function right(){alert("right");}
function jumpPage(){
if(event.keyCode==37){
left(); return ;
}
if(event.keyCode==38){
up();return ;
}
if(event.keyCode==39){
right();return ;
}
if(event.keyCode==40){
down();return ;
}
document.onkeydown=jumpPage;\n }\n</script>作者最新文章
JS处理含Emoji或中文的字符串转数组乱码问题
2026-11-05 16:12:28
JS怎么使用展开运算符合并对象
2026-11-05 14:42:18
ES6+环境下判断JS对象为空的简洁写法
2026-11-05 12:12:23
怎么通过replacer函数自定义JS中JSON的格式化输出
2026-11-05 11:19:44
JS正则表达式基础:字面量与RegExp构造函数的区别及常用元字符
2026-11-05 11:16:58
