js获取键盘方向键（上下左右），执行相应的方法

键盘方向键侦测

最新推荐文章于 2023-04-24 12:36:25 发布

原创最新推荐文章于 2023-04-24 12:36:25 发布 · 3k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言

Html 同时被 3 个专栏收录

262 篇文章

订阅专栏

Javascript

243 篇文章

订阅专栏

Jquery

200 篇文章

订阅专栏

本文介绍了一个简单的JavaScript函数，用于捕获用户按下键盘上的方向键，并弹窗显示相应的提示信息。通过event.keyCode属性来判断用户按下的是哪个方向键。

 //得到按键的信息
  function showkey() {
        key = event.keyCode;
        switch (key) {
            case 37://"按了←键！"
                alert("按了←键！");
                break;
            case 38://"按了↑键！"
                alert("按了↑键！");
                break;
            case 39://"按了→键！"
                alert("按了→键！");
                break;
            case 40://"按了↓键！"
                alert("按了↓键！");
                break;
        }
    }

    document.onkeydown = showkey;