键盘事件和keycode对照表

键盘事件和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）.
以上就是全部内容