js解決event.keyCode在Firefox中失效的問題

更新時間：2023年12月14日 16:03:14 作者：Happy?丶Liu

這篇文章主要介紹了js解決event.keyCode在Firefox中失效的問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教

event.keyCode在Firefox中失效的解決

在js使用event.keyCode，用Firefox打開時，就會出現(xiàn)event未定義的錯誤：

這是因為firefox瀏覽器不支持 window.event.keyCode,

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

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

使用方法

如下：

window.onkeydown=function(e){
  var event = e || window.event; //在火狐下event會做為參數(shù)傳進(jìn)來，ie下會在window下
  keyCode = event.which || event.keyCode;  //e.which是火狐下獲取keyCode的方式，ie下使用e.keyCode獲取

}

event.keyCode列表

字母和數(shù)字鍵的鍵碼值(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

數(shù)字鍵盤上的鍵的鍵碼值(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

總結(jié)

以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

javascript function調(diào)用時的參數(shù)檢測常用辦法
js中并不直接支持類似c#的方法重載，所以只能變相的來解決，示意代碼：(利用了內(nèi)置屬性arguments)
2010-02-02
JS實現(xiàn)的3des+base64加密解密算法完整示例
這篇文章主要介紹了JS實現(xiàn)的3des+base64加密解密算法,結(jié)合完整實例形式分析了JavaScript實現(xiàn)的3des+base64加密解密算法簡單使用技巧,需要的朋友可以參考下
2018-05-05
使用Performance Observer實現(xiàn)網(wǎng)頁性能優(yōu)化的示例詳解
在當(dāng)今的網(wǎng)頁開發(fā)中,性能監(jiān)控已經(jīng)成為確保用戶體驗的一個關(guān)鍵部分,本文將深入探討一個強大的性能監(jiān)控工具PerformanceObserver,看看如何使用它提升網(wǎng)站性能吧
2025-03-03
JavaScript 中如何實現(xiàn)大文件并行下載
本文將介紹如何利用 async-pool 這個庫提供的 asyncPool 函數(shù)來實現(xiàn)大文件的并行下載。
2021-05-05
javascript實現(xiàn)計算指定范圍內(nèi)的質(zhì)數(shù)示例
這篇文章主要介紹了javascript實現(xiàn)計算指定范圍內(nèi)的質(zhì)數(shù),涉及javascript數(shù)值計算與判斷相關(guān)操作技巧,需要的朋友可以參考下
2018-12-12
JS判斷瀏覽器是否支持某一個CSS3屬性的方法
css3表現(xiàn)沖擊最大的就是動畫了，因此很有必要去事先判斷瀏覽器是否支持，寫CSS3動畫庫就只有部分瀏覽器支持
2014-10-10
正則表達(dá)式替換html元素屬性的方法
下面小編就為大家?guī)硪黄齽t表達(dá)式替換html元素屬性的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-11-11
淺談JavaScript正則表達(dá)式-非捕獲性分組
下面小編就為大家?guī)硪黄狫avaScript正則表達(dá)式-非捕獲性分組。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-03-03
JS中art-template模板使用過濾器問題
這篇文章主要介紹了JS中art-template模板使用過濾器問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-09-09
推薦三款日期選擇插件(My97DatePicker、jquery.datepicker、Mobiscroll)
這篇文章主要介紹了推薦三款日期選擇插件，My97DatePicker、用于PC端的jquery.datepicker，以及專注于移動端的Mobiscroll，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-04-04