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

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

很多时候我觉得自己是个奇怪的人,对待同一件事物如果感兴趣了,可以亢奋到不知疲惫,可如果不感兴趣了,每一刻都是煎熬,就好比说跑步,我总感觉长跑是件很痛苦的事情,跑个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的样式只不过是为了更容易理解;

至于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

时间: 2024-10-02 23:13:17

js获取键盘的keyCode-------Day42的相关文章

js获取键盘按下的键值event.keyCode,event.charCode,event.which的兼容性

js获取键盘按下的键值有event.keyCode,event.charCode和event.which 其中: 谷歌浏览器对event.keyCode,event.charCode和event.which都兼容. 火狐浏览器对event.keyCode部分键值有效,如上下左右键(37,38,39,40),enter键(13),PgUp(33),PgDn(34)等部分有效,对数字键,字母键无效. event.which也是部分键值有效,如字母键,数字键,enter键,Backspace键等有效,

js获取键盘键值

1.获取键盘的码值 function onkeydown_at_phone(event) { alert(event.keyCode);   } 2.对按钮进行监听 function onkeydown_at_phone(event) {   var prev = document.getElementById("prev");   var next = document.getElementById("next");   if(event.keyCode == 3

JS获取键盘码并判断按键

本文涉及语法: onkeydown //当键盘按下 onkeyup //当键盘被松开 onkeypress //按键被按下并释放一个键时 even.keyCode //获取键盘码 String.fromCharCode() //可接受一个可指定的unicode值,返回一个字符串 代码如下: <!doctype html> <html lang="zh-en"> <head> <meta charset="utf-8" /&g

js获取键盘编码

原理:键盘上的按键都有各自的键码,通过这个键码可以来判断按下的是哪个键,下面函数可以获取键盘的键码,按下键盘就会在控制台打印出相应的键码 document.addEventListener("keyup",function(e){ console.log(e.keyCode) }) 原文地址:https://www.cnblogs.com/zimengxiyu/p/11157427.html

JS获取键盘事件

<script type="text/javascript" language=JavaScript charset="UTF-8"> document.onkeydown=function(event){ var e = event || window.event || arguments.callee.caller.arguments[0]; if(e && e.keyCode==27){ // 按 Esc //要做的事情 } if(

js中获取键盘事件

1 <script type="text/javascript" language=JavaScript charset="UTF-8"> 2 document.onkeydown=function(event){ 3 var e = event || window.event || arguments.callee.caller.arguments[0]; 4 if(e && e.keyCode==27){ // 按 Esc 5 //要

JS获取中文拼音首字母,并通过拼音首字母快速查找页面内的中文内容

实现效果: 图一: 图二: 此例中输入的中文字符串"万万保重",有三个字是多音字,所以alert对话框中显示的是多种读音的组合: 如何实现? 如何实现通过拼音首字母快速查找页面内的中文内容呢? 过程原理是这样的:例如要对一些人名进行快速查找,当页面加载完成后,对所有人名建立一个索引,生成拼音首字母与姓名的对应关系:然后监听键盘事件,当用户按下键盘时,根据键值得到按下的是哪个字母,然后遍历索引中是否存在相同的拼音首字母: 这里还实现了根据字母组合来查找的功能,原理是这样的:当用户按键时,

js实现键盘操作对div的移动或改变-------Day43

<爸爸去哪儿>的第二季据说要开播了额,有点小期待,不知道这一季的小宝贝们会有多萌,还会甜到心底吧, 哈哈,还记得那个风一样的女子呢,不知道她现在如何了. 言归正传,继续今天的记录,实际上在刚开始的时候,我以为可以很快的实现这个功能,毕竟昨天记录了获取键盘按键的值的事件,有了值,无非就是针对不同值做不同的操作嘛,而且之前曾经在写贪吃蛇时也用到过.结果一捯饬,又是好久的一段时间,所以感觉有必要记录下的,一方面确有可取之处,另一方面也对自己的提醒,刚刚实现过的功能转头又是陌生人了,总的来说,算是温故

使用js获取QueryString

本文PDF下载 转载请注明出处 从网上看到一些使用js获取QueryString的方法,但用起来不是很理想,所以决定自己写一个.主要原理是使用正则表达式匹配location.search中的字符串. 三个主要方法: 方法 说明 getQueryString 获取QueryString的数组. 例如路径QueryStringDemo.html?id=5&type=1&flag=0 调用后返回["id=5", "type=1", "flag=0