js获取键盘的keyCode——-Day42

js获取键盘的keyCode——-Day42

大家好,又见面了,我是全栈君,祝每个程序员都可以多学几门语言。

济南今天是大雨倾盆啊,这闷热一扫而空,只是有些电闪雷鸣的,原想在公司里就完毕今天的博客记录的,只是不知道为什么怎么也登不上博客,预计是CSDN当时的server出问题了吧,好在到了晚上,这雷声小了也少了,才敢继续打开电脑,闲话不多说了,开搞。

非常多时候我认为自己是个奇怪的人,对待同一件事物假设感兴趣了,能够亢奋到不知疲惫,可假设不感兴趣了,每一刻都是煎熬,就好比说跑步,我总感觉长跑是件非常痛苦的事情,跑个400都要喘非常久,可有朋友邀我拍着篮球去跑,哪怕不耍,不投,就那么单纯的拍着跑,就那样傻跑了好久,关键是还感觉爽极了….

关于对javascript的学习,我总感觉不能那么单调的去看代码,还是要给自己找点乐子,游戏就成了着手点,能够互动更能让人不亦乐乎吧,那么对于一个电脑来说,我们能够实现的互动手段实在是有限的能够:键盘、鼠标,当然假设有触摸屏的话也能算的,而假设想要有效的应用,至少要知道你说的是什么,你告诉它的指令是什么,这就要求我们要更清晰的了解它的传递原理和语法,当然我们都知道机器读的是数字,那要让它怎样获取给它的数字指令呢。

这样,我先把写的获取键盘keyCode的方法附上:

html语言

<div style="width: 500px;height: 200px;background-color: cyan;" id="showZone"></div>

javascript方法:

document.onkeydown=function(event){
		var event=event||window.event;
		document.getElementById("showZone").innerHTML=event.keyCode;
};

这样我就能获得点击某个按键之后指令了,比方我按下了“1”,它显示了“49”,这就对了。

首先:来分析下这种方法,尽管它已经是老熟人了,碰到了很多次,可是有那么几点,也是今天才搞清楚点

event:function(event)里面的event,我试着去改了名称,也试了直接删掉,在ie里真的不受影响,这样我就相信了那些说法。

ie中存在一个event的内置对象,写上它很多其它的是由于兼容;

而event在这里也能够随便写,写成event的样式仅仅只是是为了更easy理解;

至于var event=event||window.event,还记得吧,之前还专门写了一篇,如今再去看,狗屁不通,只是有一点是对的,var event=event?event||window.event这样写,真的理解起来更简单一点。

然后,我们来看一下这些按键各自的相应吧,上图:

js获取键盘的keyCode-------Day42

js获取键盘的keyCode-------Day42

js获取键盘的keyCode-------Day42

不得不说网络是个好东西,这些都已经有整理好的,真棒,我们假设真要有游戏操作的话,确实有那么几个须要倍加关注吧,毕竟习惯的力量是巨大的

a:65、w:87、s:83、d:68、左箭头:37,顺时针旋转上、右、下依次为:38,39,40、j:74

先说这么几个,就不一一列举了,我们还是要多记忆啊。


可能我走的不快,但我会让那些走过的路留下最美的痕迹,加油…

js获取键盘的keyCode-------Day42

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

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

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

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

(0)
blank

相关推荐

  • kali linux木马免杀工具

    kali linux木马免杀工具1.VenomShellcodeGenerator

  • Java中Map的使用

    Java中Map的使用

  • MacBook安装Windows_macbookpro安装双系统

    MacBook安装Windows_macbookpro安装双系统MacBook安装Redis官方下载地址:https://redis.io/download官方提供安装的相关命令了#下载redis包wgethttp://download.redis.io/releases/redis-4.0.10.tar.gz#解压tar-zxvfredis-4.0.10.tar.gz#进入目录cdredis-4.0.10#编译make#启动redis服务src/redis-server#启动redis客户端连接src/redis-cli

    2022年10月23日
  • java语言的特点_Java语言有什么特点?

    java语言的特点_Java语言有什么特点?Java语言共有十大特点,分别为:简单性、面向对象、分布性、编译和解释性、稳健性、安全性、可移植性、高性能、多线索性、动态性。1、简单性:Java语言继承了C++语言的优点,去掉了C++中学习起来比较难的多继承、指针等概念,所以Java语言学习起来更简单,使用起来也更方便。2、面向对象:Java是一种面向对象的编程语言。3、分布性:Java设计成支持在网络上应用,它是分布式语言。所以只要用Java…

  • mysql通配符使用

    mysql通配符使用mysql通配符使用: w3cchool在mysql查询中,经常会用到通配符,而且mysql的通配符和pgsql是有所不同的,甚至mysql中还可以使用正则表达式。本文就为大家带来mysq

  • python常用模块大全_python常用第三方模块大全

    python常用模块大全_python常用第三方模块大全mathmath.ceil(a):用来返回≥a的最小整数math.floor(a):用来返回≤a的最大整数round(a[,b])如果没有参数b,只有a,round()作用是四舍五入如果

发表回复

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

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