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 ...
随机推荐
- GoogleCode新手教程
GoogleCode页面介绍 Project Home 首先显示的是project home,页面左边的是这个项目的介绍,右边的License是说明使用的是什么开源协议,Labels是标签的意思,就是 ...
- CXF WebService 教程
业务需求:常见WEB服务: 手机淘宝.京东…. 天气预报 手机号归属地 股票查询 发手机短消息 手机充值功能 中英文翻译 银行转账业务 公司的“进销存系统”在某商品缺货时自动给供应商下订单 ..... ...
- WKWebView-b
上一篇文章我们使用了JavaScriptCore框架重写了之前的示例,iOS8苹果偏爱HTML5,重构了UIWebVIew,给我们带来了WKWebView,使其性能.稳定性.功能大幅度提升,也更好的支 ...
- Reporting Services 钻取报表、子报表
一.钻取报表 1.概念 钻取报表是指用户通过单击其他报表中的链接打开的报表.钻取报表通常包含某原始汇总报表中所包含的某项的详细信息. 例如,在此图中,销售额汇总报表列出了销售订单和总额.当用户单击该汇 ...
- ckeditor与ckfinder简单整合使用
Ckeditor与ckfinder简单整合使用 功能:主要用来发送图文的email,图片上传到本地服务器,但是email的图片地址要写上该服务器的远程地址(图片地址:例如:http://www.bai ...
- 【POJ】1056 IMMEDIATE DECODABILITY
字典树水题. #include <cstdio> #include <cstring> #include <cstdlib> typedef struct Trie ...
- [LeetCode#116]Fraction to Recurring Decimal
Problem: Given two integers representing the numerator and denominator of a fraction, return the fra ...
- HDU-3854 LOOPS
http://acm.hdu.edu.cn/showproblem.php?pid=3853 LOOPS Time Limit: 15000/5000 MS (Java/Others) Memo ...
- DD-WRT相关资源
版本网站下载:Other Downloads,进入betas->2014 FTP下载:如ftp://ftp.dd-wrt.com/betas/2014/06-23-2014-r24461/ Re ...
- 【狼】unity 鼠标拖拽物体实现任意角度自旋转
主要涉及函数 Input.GetAxis(“Mouse x”) 可取得鼠标横向(x轴)移动增量 Input.GetAxis(“Mouse y”) 可取得鼠标竖向(y轴)移动增量 通过勾股定理获取拖拽长 ...