JavaScript 实现键盘上下左右方向键监听示例

作者:拾光

时间:2026-10-27

浏览:82

本文介绍如何使用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>

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章