文库网
关注排行榜

当前无数据...

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

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

你好WO SHI 七七卡卡 ^ _ ^

推箱子

  1. <code class="prism language-java"> public static void main(String[] args) {
  2. char map[][] = new char[8][10];// 地图
  3. Scanner sc = new Scanner(System.in);// 控制台输入扫描器
  4. int x = 1, y = 1;// 玩家角色坐标
  5. boolean finish = false;// 游戏是否结束
  6. for (int i = 0; i < map.length; i++) {// 地图外边墙壁
  7. if (i == 0 || i == 7) {
  8. for (int j = 0; j < map[i].length; j++) {
  9. map[i][j] = 'H';
  10. }
  11. } else {
  12. map[i][0] = 'H';
  13. map[i][9] = 'H';
  14. }
  15. }
  16. map[1][3] = 'H';// 地图内墙壁
  17. map[2][3] = 'H';
  18. map[3][3] = 'H';
  19. map[2][5] = 'H';
  20. map[3][5] = 'H';
  21. map[3][6] = 'H';
  22. map[3][8] = 'H';
  23. map[4][8] = 'H';
  24. map[6][4] = 'H';
  25. map[5][1] = 'H';
  26. map[5][4] = 'H';
  27. map[5][5] = 'H';
  28. map[5][6] = 'H';
  29. map[x][y] = '&';// 玩家角色
  30. map[2][2] = 'o';// 箱子
  31. map[6][5] = '*';// 目的地
  32. while (true) {// 循环游戏
  33. /* 打印游戏画面 */
  34. System.out.println("--------------------");
  35. for (char hang[] : map) {
  36. for (char lie : hang) {
  37. System.out.print(lie + " ");
  38. }
  39. System.out.println();
  40. }
  41. System.out.println("--------------------");
  42. if (finish) {// 如果游戏结束则停止循环
  43. break;
  44. }
  45. System.out.println("A左移,D右移,W上移,S下移,请输入你的指令:");
  46. String code = sc.nextLine();// 获取玩家输入的指令
  47. switch (code.toLowerCase()) {// 将执行转为小写并判断
  48. case "a" :// 如果输入的是a
  49. if (map[x][y - 1] == 0) {// 如果玩家左边是空区
  50. map[x][y] = 0;// 原位置变为空区
  51. map[x][y - 1] = '&';// 玩家移动到新位置
  52. y--;// 玩家坐标左移
  53. } else if (map[x][y - 1] == 'o') {// 如果玩家左边是箱子
  54. if (map[x][y - 2] != 'H') {// 如果箱子左边不是墙
  55. if (map[x][y - 2] == '*') {// 如果箱子左边是目的地
  56. finish = true;// 游戏结束
  57. }
  58. map[x][y] = 0;// 原位置变为空区
  59. map[x][y - 1] = '&';// 玩家移动到新位置
  60. map[x][y - 2] = 'o';// 箱子移动到新位置
  61. y--;// 玩家位置左移
  62. }
  63. }
  64. break;// 结束判断
  65. case "d" :// 如果输入的是d
  66. if (map[x][y + 1] == 0) {// 如果玩家右边是空区
  67. map[x][y] = 0;// 原位置变为空区
  68. map[x][y + 1] = '&';// 玩家移动到新位置
  69. y++;// 玩家坐标右移
  70. } else if (map[x][y + 1] == 'o') {// 如果玩家右边是箱子
  71. if (map[x][y + 2] != 'H') {// 如果箱子右边不是墙
  72. if (map[x][y + 2] == '*') {// 如果箱子右边是目的地
  73. finish = true;// 游戏结束
  74. }
  75. map[x][y] = 0;// 原位置变为空区
  76. map[x][y + 1] = '&';// 玩家移动到新位置
  77. map[x][y + 2] = 'o';// 箱子移动到新位置
  78. y++;// 玩家坐标右移
  79. }
  80. }
  81. break;// 结束判断
  82. case "w" :// 如果输入的是w
  83. if (map[x - 1][y] == 0) {// 如果玩家上方是空区
  84. map[x][y] = 0;// 原位置变为空区
  85. map[x - 1][y] = '&';// 玩家移动到新位置
  86. x--;// 玩家坐标上移
  87. } else if (map[x - 1][y] == 'o') {// 如果玩家上方是箱子
  88. if (map[x - 2][y] != 'H') {// 如果箱子上方不是墙
  89. if (map[x - 2][y] == '*') {// 如果箱子上方是目的地
  90. finish = true;// 游戏结束
  91. }
  92. map[x][y] = 0;// 原位置变为空区
  93. map[x - 1][y] = '&';// 玩家移动到新位置
  94. map[x - 2][y] = 'o';// 箱子移动到新位置
  95. x--;// 玩家坐标上移
  96. }
  97. }
  98. break;// 结束判断
  99. case "s" :// 如果输入的是s
  100. if (map[x + 1][y] == 0) {// 如果玩家下方是空区
  101. map[x][y] = 0;// 原位置变为空区
  102. map[x + 1][y] = '&';// 玩家移动到新位置
  103. x++;// 玩家坐标下移
  104. } else if (map[x + 1][y] == 'o') {// 如果玩家下方是箱子
  105. if (map[x + 2][y] != 'H') {// 如果箱子下方不是墙
  106. if (map[x + 2][y] == '*') {// 如果箱子下方是目的地
  107. finish = true;// 游戏结束
  108. }
  109. map[x][y] = 0;// 原位置变为空区
  110. map[x + 1][y] = '&';// 玩家移动到新位置
  111. map[x + 2][y] = 'o';// 箱子移动到新位置
  112. x++;// 玩家坐标下移
  113. }
  114. }
  115. break;// 结束判断
  116. default :// 如果输入的是其他指令
  117. System.out.println("您输入的指令有误!");
  118. }
  119. }
  120. System.out.println("游戏结束");
  121. sc.close();
  122. }
  123. </code>
复制代码

JAVA键盘事件

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

  1. <code class="prism language-java">Scanner sc = new Scanner(System.in);// 控制台输入扫描器
  2. String code = sc.nextLine();// 获取玩家输入的指令
  3. switch (code.toLowerCase()) {// 将执行转为小写并判断
  4. case "a" :// 如果输入的是a
  5. /*执行语句*/
  6. break;// 结束判断
  7. case "d" :// 如果输入的是d
  8. /*执行语句*/
  9. break;// 结束判断
  10. case "w" :// 如果输入的是w
  11. /*执行语句*/
  12. break;// 结束判断
  13. case "s" :// 如果输入的是s
  14. /*执行语句*/
  15. break;// 结束判断
  16. }
  17. </code>
复制代码

JavaScrip键盘事件(1)

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

  1. <code class="prism language-javascript">var e = window.event || e; //设置参数
  2. switch(e.keyCode){
  3. case 37://左
  4. /*执行语句*/
  5. break;
  6. case 38://上
  7. /*执行语句*/
  8. break;
  9. case 39://右
  10. /*执行语句*/
  11. break;
  12. case 40://下
  13. /*执行语句*/
  14. break;
  15. }
  16. </code>
复制代码

JavaScrip键盘事件(2)

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

类型 方法
onkeypress 在键盘上某个键被按下并且释放时触发的事件处理程序(一般用于单键操作)
onkeydonw 键盘上某个键被按下时触发的事件处理程序(一般用于快捷键的操作)
onkeyup 键盘上某个键被按下后松开时时触发的事件处理程序(一般用于快捷键的操作)

方便理解 在这里我们引入了 “键码值”

{tilte}-纸片人

有了键码值我们用 if 语句来实现上下左右移动(我们先创建一个画布)如代码:

  1. <code class="prism language-javascript"><!DOCTYPE html>
  2. <head>
  3. <meta charset="UTF-8">
  4. <style>
  5. #container {
  6. width: 400px;
  7. height: 400px;
  8. position: relative;
  9. background: yellow;
  10. }
  11. #animate {
  12. width: 50px;
  13. height: 50px;
  14. position: absolute;
  15. background-color: red;
  16. }
  17. </style>
  18. <body onkeyup="whichButton(event)">
  19. <p><button onclick="myMove()">单击我<tton></p>
  20. <p id="demo4"></p>
  21. <p id="demo5"></p>
  22. <div id="container" onmousemove="mm(event)">
  23. <div id="animate"></div>
  24. </div>
  25. <script>
  26. function myMove() {
  27. var elem = document.getElementById("animate");
  28. var pos = 0;
  29. var elemleft=0;
  30. var elemtop=0;
  31. var id = setInterval(frame, 500);
  32. function frame() {
  33. var jianpan=document.getElementById("demo4").innerHTML;
  34. jianpan=parseInt(document.getElementById("demo4").innerHTML);
  35. if (jianpan==68) {
  36. elemleft=elemleft+5;
  37. elem.style.left = elemleft+ "px";
  38. }
  39. if (jianpan==65) {
  40. elemleft=elemleft-5;
  41. elem.style.left = elemleft+ "px";
  42. }
  43. if (jianpan==87) {
  44. elemtop=elemtop-5;
  45. elem.style.top =elemtop+ "px";
  46. }
  47. if (jianpan==83) {
  48. elemtop=elemtop+5;
  49. elem.style.top =elemtop+ "px";
  50. }
  51. if (jianpan==32) {
  52. elemtop=elemtop;
  53. elem.style.top =elemtop+ "px";
  54. elemleft=elemleft;
  55. elem.style.left = elemleft+ "px";
  56. }
  57. }
  58. } // A 65 S83 W87 D68
  59. function whichButton(event) {
  60. document.getElementById("demo4").innerHTML = event.keyCode ;
  61. }
  62. </script>
  63. </body>
  64. </html>
  65. </code>
复制代码

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

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

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


本站资源均由网上搜集或网友上传提供,内容仅供观摩学习交流之用,本站将不对任何资源负法律责任.如有侵犯您的版权,请及时联系我们(邮箱:892481490@qq.com,客服QQ:892481490),我们会尽快处理!QQ350550790是骗子,注意不要和他交易!!!
发帖求助前要善用【论坛搜索】功能, 那里可能会有你要找的答案,也能为你节约不少学习时间;
如何回报帮助你解决问题的坛友,好办法就是点击帖子下方的评分按钮给对方加(威望)和(贡献)而不会扣除自己的积分。
如发现灌水帖、病毒木马帖、广告帖、工具不能正常使用、网盘链接失效,请点击【举报】 核实有几率会给予额外的B币奖励哦!
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    发布资源 快速回复 返回列表 客服中心 官方QQ群

    QQ|小黑屋|手机版|编程之家论坛 ( 桂ICP备18002029号 )

    Powered by 编程之家  © 20019-2021