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这样写,真的理解起来更简单一点。
然后,我们来看一下这些按键各自的相应吧,上图:
不得不说网络是个好东西,这些都已经有整理好的,真棒,我们假设真要有游戏操作的话,确实有那么几个须要倍加关注吧,毕竟习惯的力量是巨大的
a:65、w:87、s:83、d:68、左箭头:37,顺时针旋转上、右、下依次为:38,39,40、j:74
先说这么几个,就不一一列举了,我们还是要多记忆啊。
可能我走的不快,但我会让那些走过的路留下最美的痕迹,加油...
js获取键盘的keyCode-------Day42的更多相关文章
- js获取键盘按下的键值event.keyCode,event.charCode,event.which的兼容性
js获取键盘按下的键值有event.keyCode,event.charCode和event.which 其中: 谷歌浏览器对event.keyCode,event.charCode和event.wh ...
- js获取键盘编码
原理:键盘上的按键都有各自的键码,通过这个键码可以来判断按下的是哪个键,下面函数可以获取键盘的键码,按下键盘按键就会在控制台打印出相应的键码 document.addEventListener(&qu ...
- JS获取键盘事件
<script type="text/javascript" language=JavaScript charset="UTF-8"> docume ...
- js获取键盘按键响应事件(兼容各浏览器)
<script type="text/javascript" language="JavaScript" charset="UTF-8" ...
- js获取及判断键盘按键的方法
这篇文章主要介绍了js获取及判断键盘按键的方法,涉及JavaScript键盘事件的获取及键值的判定技巧,具有一定参考借鉴价值,需要的朋友可以参考下 本文实例讲述了js获取及判断键盘按键的方法.分享 ...
- js脚本获取键盘值
转载请注明来源:https://www.cnblogs.com/hookjc/ 一个测试键盘上各键对应的ASCII代码的页面 <html><head> <script&g ...
- js获取及判断按键的方法
js 里面的键盘事件经常用到,所以收集了键盘事件对应的键码来分享下: keyCode 8 = BackSpace BackSpace keyCode 9 = Tab Tab keyCode 12 = ...
- 键盘按钮keyCode大全,keyCode列表对照表
目录 [显示] 1js获取键盘按键对应的keyCode 2字母和数字键的键码值 3数字键盘上的键的键码值和功能键键码值 4控制键键码值 js获取键盘按键对应的keyCode <!doctype ...
- js如何获取键盘高度
在移动端或混合app开发中,js如何获取键盘高度,直接贴上代码吧 input是一个html input 标签 var timer = { id:null, run:function (callback ...
随机推荐
- php生成员工编号,产品编号
由于某些原因需要获取数据库最大的id值.所以出现了这段php 获取数据库最大的id代码了.这里面的max(id) 这里面的id 就是要获取最大的id了.如果是别的字段请填写为其他字段 获取数据库中最大 ...
- CSS and JavaScript Bundling and Minification in ASP.NET 4.5
ASP.NET 4.5 includes a new feature to minify and bundle CSS and JavaScript within your web applicati ...
- #Leet Code# LRU Cache
语言:C++ 描述:使用单链表实现,HeadNode是key=-1,value=-1,next=NULL的结点.距离HeadNode近的结点是使用频度最小的Node. struct Node { in ...
- Java DecimalFormat数据格式化例子
public static void main (String args[]) { DecimalFormat dFormat = new DecimalFormat(".##") ...
- SQL Server与Oracle中的隔离级别
在SQL92标准中,事务隔离级别分为四种,分别为:Read Uncommitted.Read Committed.Read Repeatable.Serializable 其中Read Uncommi ...
- 上传XML文件字符编码问题
1.上传的XML文件的空格的字符编码和倒入到数据库的空格的字符编码不是一种编码格式,导致导入到数据库的数据和XML文件的数据不一致的情况,进而使展示到界面上的数据在进行搜索时不能搜索出来.解决办法: ...
- python相关的工具
在使用python的时候,发现Adaconda工具包真的很不错,里面集合了很多的工具,并且,自带了很多的python常用模块 另外,PyCharm编辑器也是不错的,界面清晰,可以实现数据的可视化
- Uva_11361 Investigating Div-Sum Property
题目链接 题意: 在[A,B]区间内找出满足条件的数有多少个. 条件:这个数本身 能够整除K, 且各位数字之和能够整除K. 思路: 数据范围过大2^31 2^31 = 2147483648 ~ 2*1 ...
- ARCI--做事情的重要方法论
很多朋友都可能碰到这样的情况,有一个任务曾经开会讨论过,目标,时间,参与人都有提到,但是最终就是不了了之,没有下文了,而且后面想起来,要追究责任的时候,发现似乎都没有责任,无从追究.如果这种情况出现, ...
- Dictionary Size
uvaLive5913:https://icpcarchive.ecs.baylor.edu/index.php?option=com_onlinejudge&Itemid=8&pag ...