js解决event.keyCode在Firefox中失效的问题

更新时间：2023年12月14日 16:03:14 作者：Happy 丶Liu

这篇文章主要介绍了js解决event.keyCode在Firefox中失效的问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

event.keyCode在Firefox中失效的解决

在js使用event.keyCode，用Firefox打开时，就会出现event未定义的错误：

这是因为firefox浏览器不支持 window.event.keyCode,

但是我们可以用event.which代替。

为了使其能更具有普遍的兼容性，最好用event.keyCode|| event.which.

使用方法

如下：

window.onkeydown=function(e){
  var event = e || window.event; //在火狐下event会做为参数传进来，ie下会在window下
  keyCode = event.which || event.keyCode;  //e.which是火狐下获取keyCode的方式，ie下使用e.keyCode获取

}

event.keyCode列表

字母和数字键的键码值(keyCode)
按键	键码	按键	键码	按键	键码	按键	键码
A	65	J	74	S	83	1	49
B	66	K	75	T	84	2	50
C	67	L	76	U	85	3	51
D	68	M	77	V	86	4	52
E	69	N	78	W	87	5	53
F	70	O	79	X	88	6	54
G	71	P	80	Y	89	7	55
H	72	Q	81	Z	90	8	56
I	73	R	82	0	48	9	57

数字键盘上的键的键码值(keyCode)				功能键键码值(keyCode)
按键	键码	按键	键码	按键	键码	按键	键码
0	96	8	104	F1	112	F7	118
1	97	9	105	F2	113	F8	119
2	98	*	106	F3	114	F9	120
3	99	+	107	F4	115	F10	121
4	100	Enter	108	F5	116	F11	122
5	101	-	109	F6	117	F12	123
6	102	.	110
7	103	/	111

控制键键码值(keyCode)
按键	键码	按键	键码	按键	键码	按键	键码
BackSpace	8	Esc	27	Right Arrow	39	-_	189
Tab	9	Spacebar	32	Dw Arrow	40	.>	190
Clear	12	Page Up	33	Insert	45	/?	191
Enter	13	Page Down	34	Delete	46	`~	192
Shift	16	End	35	Num Lock	144	[{	219
Control	17	Home	36	;:	186	\\|	220
Alt	18	Left Arrow	37	=+	187	]}	221
Cape Lock	20	Up Arrow	38	,<	188	'"	222

多媒体键码值(keyCode)
按键	键码	按键	键码	按键	键码	按键	键码
音量加	175
音量减	174
停止	179
静音	173
浏览器	172
邮件	180
搜索	170
收藏	171

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

JavaScript实现页面跳转的八种方式
这篇文章介绍了JavaScript实现页面跳转的八种方式，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2022-06-06
js实现json数组分组合并操作示例
这篇文章主要介绍了js实现json数组分组合并操作,涉及javascript针对json数组的遍历、判断、添加、赋值等相关操作技巧,需要的朋友可以参考下
2019-02-02
JavaScript 更严格的相等 [译]
大部分JavaScript程序员都知道:应该使用严格相等(===)来代替“普通”的相等操作(==).但是,有时候你的确需要一个比严格相等===更严格的运算符,比如说:在你想检查某个值是否是NaN的时候,又或者你想区分-0和+0的时候.本文解释了相关的知识以及ECMAScript.next中的解决办法:“is”操作符
2012-09-09
js DataSet数据源处理代码
js DataSet数据源处理代码，需要的朋友可以参考下。
2010-03-03
silverlight线程与基于事件驱动javascript引擎（实现轨迹回放功能）
前一段时间一直在重构工作站轨迹回放功能，一开始我觉得很简单，但是后面引发了一系列奇怪的问题，让我很蛋疼，所以不得不写个总结加深记忆。
2011-08-08
实例：尽可能写友好的Javascript代码
实例：尽可能写友好的Javascript代码...
2006-10-10
JavaScript实现数组在指定位置插入若干元素的方法
这篇文章主要介绍了JavaScript实现数组在指定位置插入若干元素的方法,涉及javascript中splice方法的使用技巧,非常具有实用价值,需要的朋友可以参考下
2015-04-04
JavaScript element的Form表单生成方式
这篇文章主要介绍了JavaScript element的Form表单生成方式,文章围绕主题展开详细的内容介绍，具有一定的参考价值，需要的小伙伴可以参考一下
2022-09-09
JavaScript中的return语句简单介绍
return语句在js中起到举足轻重的作用，该关键字不仅具有返回函数值得功能，还具有一些特殊的用法，有个清晰的把握是非常有必要的，下面通过本篇文章给大家简单介绍下return语句的作用
2015-12-12
canvas压缩图片转换成base64格式输出文件流
本文主要介绍了canvas压缩图片转换成base64格式输出文件流的方法，具有很好的参考价值。下面跟着小编一起来看下吧
2017-03-03