js解決event.keyCode在Firefox中失效的問(wèn)題

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

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

event.keyCode在Firefox中失效的解決

在js使用event.keyCode，用Firefox打開(kāi)時(shí)，就會(huì)出現(xiàn)event未定義的錯(cuò)誤：

這是因?yàn)閒irefox瀏覽器不支持 window.event.keyCode,

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

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

使用方法

如下：

window.onkeydown=function(e){
  var event = e || window.event; //在火狐下event會(huì)做為參數(shù)傳進(jìn)來(lái)，ie下會(huì)在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ù)字鍵盤(pán)上的鍵的鍵碼值(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é)

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

您可能感興趣的文章:

相關(guān)文章

鼠標(biāo)放上去則向上向下滾動(dòng)的代碼
[醬色]鼠標(biāo)放上去則向上向下滾動(dòng)的代碼...
2006-11-11
返回頁(yè)面頂部top按鈕通過(guò)錨點(diǎn)實(shí)現(xiàn)(自寫(xiě))
用戶(hù)在使用系統(tǒng)時(shí)，會(huì)有很多表單的操作然而很多表單就會(huì)很長(zhǎng),所以就需要一個(gè)返回頁(yè)面頂部的top按鈕啦，于是自己寫(xiě)了一個(gè)，喜歡的朋友可以參考下
2013-08-08
js 自帶的 map() 方法全面了解
下面小編就為大家?guī)?lái)一篇js 自帶的 map() 方法全面了解。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-08-08
自定義PC微信掃碼登錄樣式寫(xiě)法
這篇文章主要介紹了自定義PC微信掃碼登錄樣式的寫(xiě)法以及做了代碼分析，需要的朋友學(xué)習(xí)下吧。
2017-12-12
微信小程序?qū)崿F(xiàn)手指觸摸畫(huà)板
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)手指觸摸畫(huà)板，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-07-07
JavaScript 實(shí)現(xiàn)類(lèi)的多種方法實(shí)例
JavaScript 實(shí)現(xiàn)類(lèi)的多種方法實(shí)例，需要的朋友可以參考一下
2013-05-05
js獲取當(dāng)前日期時(shí)間及其它日期操作匯總
這篇文章主要介紹了js獲取當(dāng)前日期時(shí)間及其它日期操作匯總，感興趣的小伙伴們可以參考一下
2016-03-03
詳解Bootstrap四種圖片樣式
本文給大家介紹Bootstrap 對(duì)圖片的支持，Bootstrap提供了四個(gè)可對(duì)圖片應(yīng)用簡(jiǎn)單樣式的class，對(duì)Bootstrap四種圖片class相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧
2016-01-01
微信小程序全局變量改變監(jiān)聽(tīng)的實(shí)現(xiàn)方法
這篇文章主要給大家介紹了關(guān)于微信小程序全局變量改變監(jiān)聽(tīng)的實(shí)現(xiàn)方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用微信小程序具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-07-07
JavaScript實(shí)現(xiàn)多種彈窗效果實(shí)戰(zhàn)詳解(實(shí)現(xiàn)方法)
本文詳細(xì)講解如何使用JS結(jié)合HTML和CSS實(shí)現(xiàn)對(duì)聯(lián)彈窗、可移動(dòng)彈窗和右下角消息彈窗,并涵蓋事件監(jiān)聽(tīng)、元素定位、顯示控制等關(guān)鍵技術(shù),本文給大家介紹的非常詳細(xì),感興趣的朋友一起看看吧
2025-10-10