(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值,快拿去试试吧!!!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/234440.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)
blank

相关推荐

  • VMware虚拟机ubuntu显示屏幕太小解决办法

    VMware虚拟机ubuntu显示屏幕太小解决办法使用VMware安装的ubuntu虚拟机的显示屏幕太小,可以通过在VMware里安装“VMwareTool”插件解决,安装步骤记录一下。1.更改ISO文件路径安装VMwareTool需要用到虚拟光驱,加载一个ISO文件,在安装的时候加载的是ubuntu安装文件“ubuntu-16.04.2-desktop-amd64.iso”,如果不更改这个加载路径,相当于在虚拟机

  • python精彩编程200例-Python创意编程200例turtle篇[通俗易懂]

    简介:Python是一种高阶计算机语言。它更接近自然语言,学习成本低,开发效率高。如今越来越多的中小学生都在开始学习Python了。我们可以预见,全民会Python的日子不久就会到来,各行各业的人未来都能用Python解决各自领域的问题或创造出独特魅力的作品。在Python的普及过程中,海龟模块(turtle)将会功不可没。它来源于上个世纪60年代的logo计算机语言,就是通过指挥一只小海龟移动…

  • c语言中putchar的用法举例_putchar和getchar

    c语言中putchar的用法举例_putchar和getcharC语言中getchar()和putchar()的用法getchar()和putchar()是一对字符输入/输出函数.getchar()不带任何参数,他从输入序列中返回下一个字符。例如,下面的语句读取下一个字符输入,并把该字符的值赋给变量ch:ch=getcha();putchar()函数打印它的参数。例如,下面的语句把之前赋给ch的值作为字符打印出来:putchar(ch);由于这两个函数只处理字符,所以他们通常比scanf()和printf()函数更快更便捷。而且,ge

    2022年10月18日
  • 安卓中activity的生命周期_activity生命周期调用顺序

    安卓中activity的生命周期_activity生命周期调用顺序Android开发—-Activity生命周期Activity作为四大组件之首,也是使用最频繁的一种组件。本文将主要讲解Activity生命周期,包括正常情况下的Activity生命周期和异常情况下的Activity生命周期。1.正常情况下的Activity生命周期所谓正常情况下的生命周期,是指有用户参与的情况下,Activity所经过的生命周期的改变。正常情况下,Activity会经历如下过程。…

  • ubuntu中文输入法安装ibus_ubuntu输入法切换

    ubuntu中文输入法安装ibus_ubuntu输入法切换https://blog.csdn.net/u011795345/article/details/53041707#

  • 验证码VerifyCode

    验证码VerifyCodeVerifyCode.java:测试:运行后会在指定文件路径下生成一张图片,以及在控制台打印图片上的文本。

发表回复

您的电子邮箱地址不会被公开。

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