今天我们谈一谈JAVA与JavaScript的键盘事件

你好WO SHI 七七卡卡 ^ _ ^

推箱子

 public static void main(String[] args) { char map[][] = new char[8][10];// 地图          Scanner sc = new Scanner(System.in);// 控制台输入扫描器 int x = 1, y = 1;// 玩家角色坐标 boolean finish = false;// 游戏是否结束 for (int i = 0; i < map.length; i++) {// 地图外边墙壁 if (i == 0 || i == 7) { for (int j = 0; j < map[i].length; j++) {                      map[i][j] = 'H'; } } else {                  map[i][0] = 'H';                  map[i][9] = 'H'; } }          map[1][3] = 'H';// 地图内墙壁          map[2][3] = 'H';          map[3][3] = 'H';          map[2][5] = 'H';          map[3][5] = 'H';          map[3][6] = 'H';          map[3][8] = 'H';          map[4][8] = 'H';          map[6][4] = 'H';          map[5][1] = 'H';          map[5][4] = 'H';          map[5][5] = 'H';          map[5][6] = 'H';          map[x][y] = '&';// 玩家角色          map[2][2] = 'o';// 箱子          map[6][5] = '*';// 目的地 while (true) {// 循环游戏 /* 打印游戏画面 */              System.out.println("--------------------"); for (char hang[] : map) { for (char lie : hang) {                      System.out.print(lie + " "); }                  System.out.println(); }              System.out.println("--------------------"); if (finish) {// 如果游戏结束则停止循环 break; }               System.out.println("A左移，D右移，W上移，S下移，请输入你的指令：");              String code = sc.nextLine();// 获取玩家输入的指令 switch (code.toLowerCase()) {// 将执行转为小写并判断 case "a" :// 如果输入的是a                      if (map[x][y - 1] == 0) {// 如果玩家左边是空区                          map[x][y] = 0;// 原位置变为空区                          map[x][y - 1] = '&';// 玩家移动到新位置                          y--;// 玩家坐标左移 } else if (map[x][y - 1] == 'o') {// 如果玩家左边是箱子 if (map[x][y - 2] != 'H') {// 如果箱子左边不是墙 if (map[x][y - 2] == '*') {// 如果箱子左边是目的地                                  finish = true;// 游戏结束 }                              map[x][y] = 0;// 原位置变为空区                              map[x][y - 1] = '&';// 玩家移动到新位置                              map[x][y - 2] = 'o';// 箱子移动到新位置                              y--;// 玩家位置左移 } } break;// 结束判断 case "d" :// 如果输入的是d                      if (map[x][y + 1] == 0) {// 如果玩家右边是空区                          map[x][y] = 0;// 原位置变为空区                          map[x][y + 1] = '&';// 玩家移动到新位置                          y++;// 玩家坐标右移 } else if (map[x][y + 1] == 'o') {// 如果玩家右边是箱子 if (map[x][y + 2] != 'H') {// 如果箱子右边不是墙 if (map[x][y + 2] == '*') {// 如果箱子右边是目的地                                  finish = true;// 游戏结束 }                              map[x][y] = 0;// 原位置变为空区                              map[x][y + 1] = '&';// 玩家移动到新位置                              map[x][y + 2] = 'o';// 箱子移动到新位置                              y++;// 玩家坐标右移 } } break;// 结束判断 case "w" :// 如果输入的是w                      if (map[x - 1][y] == 0) {// 如果玩家上方是空区                          map[x][y] = 0;// 原位置变为空区                          map[x - 1][y] = '&';// 玩家移动到新位置                          x--;// 玩家坐标上移 } else if (map[x - 1][y] == 'o') {// 如果玩家上方是箱子 if (map[x - 2][y] != 'H') {// 如果箱子上方不是墙 if (map[x - 2][y] == '*') {// 如果箱子上方是目的地                                  finish = true;// 游戏结束 }                              map[x][y] = 0;// 原位置变为空区                              map[x - 1][y] = '&';// 玩家移动到新位置                              map[x - 2][y] = 'o';// 箱子移动到新位置                              x--;// 玩家坐标上移 } } break;// 结束判断 case "s" :// 如果输入的是s                      if (map[x + 1][y] == 0) {// 如果玩家下方是空区                          map[x][y] = 0;// 原位置变为空区                          map[x + 1][y] = '&';// 玩家移动到新位置                          x++;// 玩家坐标下移 } else if (map[x + 1][y] == 'o') {// 如果玩家下方是箱子 if (map[x + 2][y] != 'H') {// 如果箱子下方不是墙 if (map[x + 2][y] == '*') {// 如果箱子下方是目的地                                  finish = true;// 游戏结束 }                              map[x][y] = 0;// 原位置变为空区                              map[x + 1][y] = '&';// 玩家移动到新位置                              map[x + 2][y] = 'o';// 箱子移动到新位置                              x++;// 玩家坐标下移 } } break;// 结束判断 default :// 如果输入的是其他指令                      System.out.println("您输入的指令有误！"); } }          System.out.println("游戏结束");          sc.close(); } 

JAVA键盘事件

简单的说几句，这里我们用到了用键盘来操作，代码运用了控制台扫描来录入我们的 ‘a’ , ‘s’ , ‘w’ , ‘d’ 来判断我们的指令，

Scanner sc = new Scanner(System.in);// 控制台输入扫描器      String code = sc.nextLine();// 获取玩家输入的指令 switch (code.toLowerCase()) {// 将执行转为小写并判断 case "a" :// 如果输入的是a                  /*执行语句*/ break;// 结束判断 case "d" :// 如果输入的是d                  /*执行语句*/ break;// 结束判断 case "w" :// 如果输入的是w                  /*执行语句*/ break;// 结束判断 case "s" :// 如果输入的是s                  /*执行语句*/ break;// 结束判断 } 

JavaScrip键盘事件（1）

在javascript中我们同样是运用switch case : ..... break;语句来进行操作

var e = window.event || e; //设置参数 switch(e.keyCode){ case 37://左            /*执行语句*/ break; case 38://上             /*执行语句*/ break; case 39://右             /*执行语句*/ break; case 40://下             /*执行语句*/ break; } 

JavaScrip键盘事件（2）

以上是纯粹的上下左右键
那如果是用 ‘a’ , ‘s’ , ‘w’ , ‘d’ 呢？我们需要用到onkeypress onkeydonw onkeyup

方便理解 在这里我们引入了 “键码值”：
有了键码值我们用 if 语句来实现上下左右移动(我们先创建一个画布)如代码：

<!DOCTYPE html> <head> <meta charset="UTF-8"> <style>         #container {           width: 400px;           height: 400px;           position: relative;           background: yellow; }              #animate {           width: 50px;           height: 50px;           position: absolute;           background-color: red; } </style> <body onkeyup="whichButton(event)"> <p><button onclick="myMove()">单击我<tton></p> <p id="demo4"></p> <p id="demo5"></p> <div id="container" onmousemove="mm(event)"> <div id="animate"></div> </div> <script> function myMove() { var elem = document.getElementById("animate"); var pos = 0; var elemleft=0; var elemtop=0; var id = setInterval(frame, 500); function frame() { var jianpan=document.getElementById("demo4").innerHTML;               jianpan=parseInt(document.getElementById("demo4").innerHTML); if (jianpan==68) {                 elemleft=elemleft+5;                elem.style.left = elemleft+ "px"; } if (jianpan==65) {                 elemleft=elemleft-5;                elem.style.left = elemleft+ "px"; } if (jianpan==87) {                 elemtop=elemtop-5;                elem.style.top =elemtop+ "px"; } if (jianpan==83) {                 elemtop=elemtop+5;                elem.style.top =elemtop+ "px"; } if (jianpan==32) {                 elemtop=elemtop;                elem.style.top =elemtop+ "px";                elemleft=elemleft;                elem.style.left = elemleft+ "px"; } } } // A 65  S83 W87 D68 function whichButton(event) {           document.getElementById("demo4").innerHTML =  event.keyCode ; } </script> </body> </html> 

是以肠一日而九回，居则忽忽若有所亡，出则不知其所往，走若徘徊云中，思若天马行空，神若烟波缭雨，闻若寂寥无言，坎坷蜿蜒寸步荆，唯如项藉勇前行。

希望对你在学习 JAVA 的道路上提供一点点帮助。谢谢，

WO SHI 七七卡卡 ^ _ ^ 如果代码对你有帮助还希望 +关注