键盘事件和keycode对照表

本次任务完成时间：2019年05月28日
作者：青青子衿
开发工具与关键技术：Visual Studio 2015 &&键盘事件和keycode对照表
展示效果：键盘事件和keycode对照表

上次把老师发项目练习的文档看完之后，发现大部分模块当中有很多的键盘事件，对于键盘事件，老师也没怎么跟我们讲过，只是给了我们一些相关资料，让我们自己去看，之前没用过，现在需要，就去翻了以前的资料，简单的键盘事件使用还是很容易看懂的，
首先先来了解一下键盘事件，它有三种属性，分别是：
onkeydown：某个键盘按键被按下；
onkeypress：某个键盘按键被按下并松开；
onkeyup：某个键盘按键被松开；
1、onkeydown：触发onkeydown后，onkeyup不一定会触发，当你按下onkeydown时，移动或者是拖动鼠标，就不会触发onkeyup事件。
2、onkeypress：它主要是用来捕获数字、字母、小键盘等除了F1-F12、ALT、SHIFT、Ctrl、Insert、Home、PgUp、 Delete、End、PgDn、ScrollLock、Pause、NumLock、{菜单键}、{开始键}和方向键外的ANSI字符，（它捕获当中：数字包括了SHIFT+数字的符号；字母包括了大小写）；
KeyDown 和KeyUp 通常可以捕获键盘除了PrScrn所有按键，也可以捕获组合键， KeyDown和KeyUp 对于单个字符捕获的KeyValue 都是一个值，也就是不能判断单个字符的大小写。
KeyPress 只能捕获单个字符，KeyPress 也可以捕获单个字符的大小写，它不区分小键盘和主键盘的数字字符。
KeyPress、KeyDown和KeyUp 都是不能捕获 PrScrn 按键
下面是一些KeyCode对照表；

给大家演示键盘事件使用的方法有两种，一种jq的方式，一种js的方式，（上下键演示）

//jq的方式
$("input").keydown(function(){$("input").css("background-color","#FFFFCC");
});
$("input").keyup(function(){$("input").css("background-color","#D6D6FF");
});
js的方式
document.onkeyup=function(e){  console.log(e.keyCode)e=e||window.event;  e.preventDefault(); console.log(index)switch(e.keyCode){  case 38: //键码值console.log('上键');break; case 40://键码值console.log('下键');break;}}

演示代码转载：//blog.csdn.net/gao_xu_520/article/details/80538334
一个放开一个没有放开，onkeydown先于onkeypress发生
我们每敲击一下键盘这三个事件将会依次发生：onkeydown–onkeypress–onkeyup
onkeypress事件不是适用于系统的按钮（例如：ALT,CTRL,SHIFT,ESC）.
以上就是全部内容

键盘事件和keycode对照表相关推荐

JS中常用的键盘事件与keycode属性
JS中的键盘事件与keycode属性键盘事件键盘事件与鼠标事件类似,同样常出现在开发过程中. 简单介绍三个常见的键盘事件 keydown (识别所有键) keyup (识别所有键) keypres ...
关于键盘事件中keyCode、which和charCode 的兼容性测试
说在Firefox和IE下取到的keyCode不一样,在FF下不区分大小写键. http://www.dodo.hk/article.asp?id=369 修改了下测试,想回复一下的,结果提示字数太多 ...
vue绑定键盘事件无效问题，vue绑定键盘delete事件示例，组合键绑定
项目有个需求,点击某个组件,按delete健后删除,于是乎第一就是想到了键盘事件 @keyup.delete='deleteKeyup(e)' 可是按delete键试了半天都没反应,加了.native ...
操作键盘事件源码解析（常用的鼠标事件、键盘事件对象之keyCode属性）
操作键盘事件常用的鼠标事件 <!DOCTYPE html> <html lang="en"><head><meta charset=&q ...
JS中的键盘事件（onkeydown、onkeyup、keyCode）
键盘事件: okeydown:键盘被按下,如果一直按着键盘的按键,则okeydown事件会一直被触发. - 当键盘按键一直被按住的时候,事件被连续触发,第一次和第二次以及后面的n次之间,触发的时间间隔 ...
react中 onkeyPress键盘事件keyCode无效的问题
我们都知道键盘事件有 1.onkeydown, 2.onkeyup, 3.onkeypress 三种键盘事件对应的按下键盘上的键的时候,有keyCode, charCode两个属性. 在js中,ke ...
键盘KeyCode对照表
键盘KeyCode对照表 keycode 0 = keycode 1 = keycode 2 = keycode 3 = keycode 4 = keycode 5 = keycode 6 = key ...
js键盘事件中的键码对照表
JS中的键盘事件经常用到,收集了键盘事件对应的键码来分享下: keyCode 对应按键 8 BackSpace BackSpace 9 Tab Tab 12 Clear 13 Enter 16 S ...
JS--JavaScript使用键盘事件、键盘事件属性（keyCode、charCode、target...）、使用键盘控制页面元素
键盘事件当用户操作键盘时会触发键盘事件,键盘事件主要包括下面3种类型: keydown: 在键盘上按下某个键时触发.如果按住某个键,会不断触发该事件,但是Opera浏览器不支持这种连续操作.该事件处 ...

键盘事件和keycode对照表

键盘事件和keycode对照表相关推荐

最新文章

热门文章