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>
作者最新文章