键盘控制事件keydown

最新推荐文章于 2023-04-07 06:30:00 发布

Lif-e

最新推荐文章于 2023-04-07 06:30:00 发布

阅读量127

点赞数

分类专栏： jQuery 文章标签： css jquery javascript

本文链接：https://blog.csdn.net/name_fff/article/details/114010289

版权

JavaScript 键盘事件单元格样式交互设计游戏控制

关键词由CSDN通过智能技术生成

jQuery 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

一共是100个单元格，10*10。通过索引来改变单元格的样式，实现上下左右控制，代码如下：

  var index = 0;
        $(document).keydown(function (event) {
            switch (event.keyCode) {
                //37,38,39,40，左上右下
                case 37:
                    if (index == 0) {
                        index = 99
                    }
                    else {
                        index--;
                    }
                  
                    break;
                case 39:
                    if (index == 99) {
                        index = 0
                    }
                    else {
                        index++;
                    }
              
                    break;
                case 38:
                    if (index < 10) {
                        index += 90
                    }
                    else if (index == 10) {
                        index = 0
                    }
                    else {
                        index -= 10
                    }
                 
                    break;
                case 40:
                    if (index >= 90) {
                        index -= 90
                    }

                    else {
                        index += 10
                    }
                  
                    break;
            };
            $("td").removeClass("show")
            $("td").eq(index).addClass("show")
        });
        $("td").eq(0).addClass("show")