今天我们谈一谈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
| 类型 | 方法 |
|---|---|
| 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 七七卡卡 ^ _ ^ 如果代码对你有帮助还希望 点赞+关注
原创文章 6
获赞 103
访问量 4585