开发工具与关键技术： VS Keydown,KeyCode
作者:听民谣的老猫
撰写时间：2019/4/1 16:15
W.A.S.D 是我们玩游戏时经常用到的几个键盘按键。通过W来触发游戏人物向上移动，A.S.D分别控制着左下右。也就是为W.A.S.D绑定相应的键盘事件。
______ 键盘事件
- 键盘事件的使用就和鼠标事件原理一样。只不过鼠标事件是通过鼠标的点击来触发，而键盘事件是通过相应的键盘按键来触发。
(上面是自己写的一段贪吃蛇简单移动的代码)
addEventListener方法
window.addEventListener("keydown", keydown);
- 用于向指定元素添加事件句柄。并且添加的事件句柄不会覆盖已存在的事件句柄。也就是说你可以向一个元素添加多个事件，包括同类型的事件，如：两个 “click” 事件。
- 第一个参数是事件的类型 (如 “click” 或 “mousedown”).第二个参数是事件触发后调用的函数。 第三个参数是个布尔值用于描述事件是冒泡还是捕获。该参数是可选的。
"keydown" :键盘事件定义和用法
与 keydown 事件相关的事件顺序：
-
keydown – 键按下的过程
-
keypress – 键被按下
-
keyup – 键被松开
当键盘键被按下时发生 keydown 事件。
keydown() 方法触发 keydown 事件，或规定当发生 keydown 事件时运行的函数。
知道了键盘事件的使用方法，那么电脑是怎么判断你需要绑定的是哪个按键呢???
if(event.keyCode===87||event.keyCode===38){
if(sanke1.style.transform==="rotate(90deg)"||sanke1.style.transform==="rotate(-90deg)"){
sanke1.style.transform="rotate(0deg)"
}else if(sanke1.style.transform==="rotate(270deg)"||sanke1.style.transform==="rotate(-270deg)"){
sanke1.style.transform="rotate(0deg)"
}
}
通过KeyCode值简单的判断就可以为你想要的按键绑定键盘事件
上面帮大家查出了键盘所有KeyCode值，快拿去试试吧!!!
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/234440.html原文链接：https://javaforall.net
