(Keydown,KeyCode)键盘事件的简单使用

(Keydown,KeyCode)键盘事件的简单使用开发工具与关键技术:VSKeydown,KeyCode作者:听民谣的老猫撰写时间:2019/4/116:15W.A.S.D是我们玩游戏时经常用到的几个键盘按键。通过W来触发游戏人物向上移动,A.S.D分别控制着左下右。也就是为W.A.S.D绑定相应的键盘事件。______键盘事件键盘事件的使用就和鼠标事件原理一样。只不过鼠标事件是通过鼠标的点击来触发,而键盘事件是通…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全家桶1年46,售后保障稳定

开发工具与关键技术: VS    Keydown,KeyCode
作者:听民谣的老猫
撰写时间:2019/4/1  16:15

Jetbrains全家桶1年46,售后保障稳定

W.A.S.D 是我们玩游戏时经常用到的几个键盘按键。通过W来触发游戏人物向上移动,A.S.D分别控制着左下右。也就是为W.A.S.D绑定相应的键盘事件。

______ 键盘事件

  • 键盘事件的使用就和鼠标事件原理一样。只不过鼠标事件是通过鼠标的点击来触发,而键盘事件是通过相应的键盘按键来触发。
    在这里插入图片描述
    (上面是自己写的一段贪吃蛇简单移动的代码)

addEventListener方法

window.addEventListener("keydown", keydown);

  • 用于向指定元素添加事件句柄。并且添加的事件句柄不会覆盖已存在的事件句柄。也就是说你可以向一个元素添加多个事件,包括同类型的事件,如:两个 “click” 事件。
  • 第一个参数是事件的类型 (如 “click” 或 “mousedown”).第二个参数是事件触发后调用的函数。 第三个参数是个布尔值用于描述事件是冒泡还是捕获。该参数是可选的。

"keydown" :键盘事件定义和用法

与 keydown 事件相关的事件顺序:

  1. keydown – 键按下的过程

  2. keypress – 键被按下

  3. 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

(0)
上一篇 2025年6月3日 下午7:22
下一篇 2025年6月3日 下午8:01


相关推荐

  • vue双向绑定经典案例「建议收藏」

    vue双向绑定经典案例「建议收藏」1、无需废话,直接上代码复制到新建的记事本文件,保存问demo.html即可。<scriptsrc=”https://cdn.staticfile.org/vue/2.2.2/vue.min.js”></script><!DOCTYPEhtml><html><head><metacharset=”utf-8″><title>欢迎系统</title></head>

    2025年11月17日
    8
  • [总结]视音频编解码技术零基础学习方法

    [总结]视音频编解码技术零基础学习方法一直想把视音频编解码技术做一个简单的总结,可是苦于时间不充裕,一直没能完成。今天有着很大的空闲,终于可以总结一个有关视音频技术的入门教程,可以方便更多的人学习从零开始学习视音频技术。需要注意的是,本文所说的视音频技术,指的是理论层面的视音频技术,并不涉及到编程相关的东西。

    2022年7月13日
    20
  • Arduino ESP32实战:调用讯飞星火认知大模型语音听写流式API的避坑指南

    Arduino ESP32实战:调用讯飞星火认知大模型语音听写流式API的避坑指南

    2026年3月14日
    3
  • linux正确关闭防火墙命令,linux关闭防火墙命令

    linux正确关闭防火墙命令,linux关闭防火墙命令1 Linux 系统 RedHatEnterp 5 Santiago 临时关闭防火墙命令 serviceiptab 永久关闭防火墙命令 chkconfigipt 查看防火墙状态命令 serviceiptab

    2026年3月18日
    2
  • 兴文石海旅游策划方案——石来运转天下览![通俗易懂]

    兴文石海旅游策划方案——石来运转天下览![通俗易懂]兴文石海旅游策划方案——石来运转天下览!熊大寻旅游策划公司/文熊大寻旅游策划公司为兴文石海天坑发现了震撼性奇观:石壁上一个天然的大大的“运”字,立即创意出“石来运转”的卖点,改变原来看一眼就走的局面,变成人人都要下到天坑里围着“运”字走一圈“转运”,这样一来三小时就花掉了,再到大运观音处烧柱香,三百元也花掉了!加上把天坑打造成”世界最大的天然聚宝盆”夜景工程,过夜经济就形成了!把原来看天坑抓眼…

    2022年5月20日
    49
  • 联合索引,回表,索引覆盖

    联合索引,回表,索引覆盖今天学习到了一点知识 来做一下笔记 建立联合索引时 为什么要关注列的顺序 mysql 建立联合索引有最左前置原则 在建立联合索引时 根据需求 where 子句中使用最频繁的一列放在最左边 如何理解联合索引中遵守的最左前置原则 mysql 默认的存储引擎是 InnoDB InnoDB 使用 B 树 B 树的数据项是复合的数据结构 是按照从左到右的顺序来建立搜索树的 比如当 AA BB CC 这样的数据来检索的时候 b 树会优先比较 AA 来确定下一步的所搜方向

    2026年3月26日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号