js中event.keyCode用法及keyCode對照表

阿新 • • 發佈：2019-02-02

HTML

使用者名稱：<input type="text" id="UserAccount" onKeyPress="JumpByEnter(UserPwd)" />

密碼：<input name="UserPwd" type="password" onKeyPress="IsEnterKeyPress()">

JavaScript：

JumpByEnter(UserPwd) 函式功能：輸入完使用者名稱按回車，焦點轉向密碼輸入框

IsEnterKeyPress()功能：輸入完密碼並按回車，則登入

function JumpByEnter(NextElement){
var lKeyCode = (navigator.appname=="Netscape")?event.which:window.event.keyCode; //event.keyCode按的建的程式碼，13表示回車
if ( lKeyCode == 13 ){

NextElement.focus();
}

function IsEnterKeyPress(){
     var lKeyCode = (navigator.appname=="Netscape")?event.which:event.keyCode;
     if ( lKeyCode == 13 ){
       Login();
     }
     else
       return false;
   }

irfirefox2.0中不支援 window.event.keyCode,

但是我們可以用event.which代替。但是為了使其能更具有普遍的相容性，最好用event.keyCode|| event.which

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

ps：如果我們在iframe中加入某個網站然後登陸。。。。會不會能記錄下使用者名稱密碼

js中event.keyCode用法及keyCode對照表

HTML 使用者名稱：<input type="text" id="UserAccount" onKeyPress="JumpByEnter(UserPwd)" /> 密碼：<input name="UserPwd" type="password" onKeyPress="IsEnterK

js中Date()的用法及日期計算方法

getDate() 從 Date 物件返回一個月中的某一天 (1 ~ 31)。 getDay() 從 Date 物件返回一週中的某一天 (0 ~ 6)。 getMonth() 從 Date 物件返回月份 (0 ~ 11)。 getFullYear() 從 Date 物件以四位數字返回年份。 getYear()

【轉】event.keyCode用法及列表

strong page ets cells 不支持和數 jump fire 靜音 event.keyCode用法及列表 HTML 用戶名：<input type="text" id="UserAccount" onKeyPress="JumpByEnter(

event.keyCode用法及列表

arch acc eba url pwd blog clas rip ext HTML 用戶名：<input type="text" id="UserAccount" onKeyPress="JumpByEnter(UserPwd)" /> 密碼：<i

js中event.timeStamp的用法

event.timeStamp返回的是一個毫秒時間戳，表示使用者上一次重新整理至該使用者觸發的時間。具體程式碼如下： ![在這裡插入圖片描述](https://img-blog.csdnimg.cn/20181103205404603.?x-oss-process=image/waterm

js中!和!!的區別及用法簡介

js中!的用法是比較靈活的，它除了做邏輯運算常常會用！做型別判斷，可以用！與上物件來求得一個布林值， 1、！可將變數轉換成boolean型別，null、undefined和空字串取反都為false，其餘都為true。複製程式碼 1 !null=true 2 3

js中prompt()的用法

javascriptalert() 彈出個提示框（確定） confirm() 彈出個確認框（確定，取消） prompt() 彈出個輸入框讓你輸入東西使用消息框使用警告、提示和確認可以使用警告、確認和提示消息框來獲得用戶的輸入。這些消息框是 window 對象的接口方法。由於 window 對象位於對

JS基礎-----JS中的分支結構及循環結構

字符串 urn 成功 null money turn 嵌套if 是否 () 【分支結構】一、if-else結構 1、結構的寫法：if(判斷條件){ 　　//條件為true時，執行if的{} }else{ 　　//條件為false時，執行else的{}

js中return的用法

時間取消行為點擊但是 col 沒有 null fun 今天看到一篇文章，介紹的是js中return的用法，感觸很深。(類似於JAVAreturn) 在大多數情況下,為事件處理函數返回false,可以防止默認的事件行為.例如,默認情況下點擊一個<a>

js中splice()的用法

object ogl em1 orange gpo afa type 所有 bject 實例移除數組的第三個元素，並在數組第三個位置添加新元素: var fruits = ["Banana", "Orange", "Apple", "Mango"];fruits.spli

js中this的應用及指向問題

document size left esp 返回 back 分享一個 theme this的應用及指向問題this是Javascript語言的一個關鍵字。它代表函數運行時，自動生成的一個內部對象，只能在函數內部使用。隨著函數使用場合的不同，this的值會發生變化。但是

js中arguments的用法

fun 功能指定基本輸出會有進行 for ron 了解這個對象之前先來認識一下javascript的一些功能：其實Javascript並沒有重載函數的功能，但是Arguments對象能夠模擬重載。Javascrip中國每個函數都會有一個Arguments對象實例

js中document的用法小結(一）

() 創建 odi seo 開始 func click style onclick document常用屬性：　　document.title//設置文檔標題，與HTNL中的title標簽等價　　document.bgColor//設置頁面背景顏色　　document

c#中this的用法及作用

sys 靜態成員 mes 成員成員方法 read 訪問 write stat 在C#中, 1. this關鍵字代表當前實例,我們可以用this.來調用當前實例的成員方法,變量,屬性,字段等; 2. 也可以用this來做為參數狀當前實例做為參

JS中sort()方法原理及使用

。。 image 必須 .so bject 字母 RR array ray sort() 方法用於對數組的元素進行排序，並返回數組。默認排序順序是根據字符串UniCode碼。因為排序是按照字符串UniCode碼的順序進行排序的，所以首先應該把數組元素都轉化成字符串（如有必

js中each的用法

獲取 cti 對象字符如果 http eply 變量 lse 轉載至https://www.cnblogs.com/xingguo/p/3999663.html 1.數組中的each 復制代碼 var arr = [ "one", "two", "three"

three.js 中的矩陣變換及兩種旋轉表達方式

三維 max around hba central def o-c clas sce 本篇簡單介紹three.js中矩陣變換及兩種旋轉表達方式。矩陣變換 three.js使用矩陣來保存Object3D的變換信息。矩陣變換的基礎平移變換比例變換旋轉變換

js中forEach的用法

reac document input UNC button ctype tle dex charset <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">

ioctl在socket中的一些用法及示例

ioctl在socket中的一些用法及示例函式 : ioctl(int fd, int request, void * arg) 定義 : 功能 : 控制I/O裝置, 提供了一種獲得裝置資訊和向裝置傳送控制引數的手段. 引數 : int fd &nb

js中this的用法

nodejs和browser中this的比較 nodejs的全域性物件是global，一個js檔案是一個模組（module），模組內部形成模組作用域（module scope），定義的變數只能在本模組使用。可以使用global物件或module.exports在多個模組間分享變數。

js中event.keyCode用法及keyCode對照表

相關推薦