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

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

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

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • pycharm 2021.12.12激活码-激活码分享

    (pycharm 2021.12.12激活码)本文适用于JetBrains家族所有ide,包括IntelliJidea,phpstorm,webstorm,pycharm,datagrip等。IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.net/100143.html…

    2022年3月30日
    49
  • github 京东自动签到_手机京东签到在哪里

    github 京东自动签到_手机京东签到在哪里京东自动签到(利用github实现)+Cooki失效解决办法京东自动签到https://ruicky.me/2020/06/05/jd-sign/参考上面这篇文章,就不转载过来了,原文已经写的很详细了。但自己实践时Sevrer酱提示Cookie失效,同时也看到此文下面有很多跟我一样情况的,所以有提示Cookie失效的请用下面链接的方法获取Cookie,记得复制出来的Cookie值要把所有空格删除。获取京东Cookiehttps://www.plus888.com/21061.html…

    2022年9月2日
    3
  • ideaIU-2021.7.20 激活码【2021免费激活】

    (ideaIU-2021.7.20 激活码)2021最新分享一个能用的的激活码出来,希望能帮到需要激活的朋友。目前这个是能用的,但是用的人多了之后也会失效,会不定时更新的,大家持续关注此网站~https://javaforall.net/100143.htmlIntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,上面是详细链接哦~ML…

    2022年3月21日
    45
  • java mongodb 使用MongoCollection,BasicDBObject 条件查询

    java mongodb 使用MongoCollection,BasicDBObject 条件查询

    2021年6月7日
    181
  • java实习生面试题_java实习生面试题.doc

    java实习生面试题[标签:标题]实习生在面试Java岗位时,做好面试准备很重要,那么你了解面试题目了吗?下面阳光网小编已经为你们整理了java实习生面试题,希望可以帮到你。java实习生面试题11.Java有那些基本数据类型,String是不是基本数据类型,他们有何区别。Java语言提供了八种基本类型:六种数字类型(四个整数型,两个浮点型)字节型byte8位短整型short16位整型in…

    2022年4月18日
    45
  • 学习方法

    学习方法

    2021年8月17日
    46

发表回复

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

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