JQuery識別鍵盤操作 鍵盤快捷鍵

2022-01-20 03:26:30 字數 2892 閱讀 7008

前幾天寫的那個專案登陸頁是直接點選but登陸的,後來做完了之後不斷的測試的時候就發現蛋疼之處了

每次在鍵盤上輸入一長串密碼之後,還得抬起手拿滑鼠點一下確認登陸

直接就搜了一下,看了一下書

= = 其實識別鍵盤操作就很水很水的了

一:鍵盤編碼

那個最近在上機組課,老師也講過鍵盤編碼,後來沒聽,直接睡過去了

這回寫這個鍵盤識別就碰到了,肯定是要用鍵盤編碼來識別的:鍵盤的碼如下(其實就是ascii碼)

a <--------> 65

b <--------> 66

c <--------> 67

d <--------> 68

e <--------> 69

f <--------> 70

g <--------> 71

h <--------> 72

i <--------> 73

j <--------> 74

k <--------> 75

l <--------> 76

m <--------> 77

n <--------> 78

o <--------> 79

p <--------> 80

q <--------> 81

r <--------> 82

s <--------> 83

t <--------> 84

u <--------> 85

v <--------> 86

w <--------> 87

x <--------> 88

y <--------> 89

z <--------> 90

0 <--------> 48

1 <--------> 49

2 <--------> 50

3 <--------> 51

4 <--------> 52

5 <--------> 53

6 <--------> 54

7 <--------> 55

8 <--------> 56

9 <--------> 57

數字鍵盤 1 <--------> 96

數字鍵盤 2 <--------> 97

數字鍵盤 3 <--------> 98

數字鍵盤 4 <--------> 99

數字鍵盤 5 <--------> 100

數字鍵盤 6 <--------> 101

數字鍵盤 7 <--------> 102

數字鍵盤 8 <--------> 103

數字鍵盤 9 <--------> 104

數字鍵盤 0 <--------> 105

乘號 <--------> 106

加號 <--------> 107

enter <--------> 108

減號 <--------> 109

小數點 <--------> 110

除號 <--------> 111

f1 <--------> 112

f2 <--------> 113

f3 <--------> 114

f4 <--------> 115

f5 <--------> 116

f6 <--------> 117

f7 <--------> 118

f8 <--------> 119

f9 <--------> 120

f10 <--------> 121

f11 <--------> 122

f12 <--------> 123

f13 <--------> 124

f14 <--------> 125

f15 <--------> 126

backspace <--------> 8

tab <--------> 9

clear <--------> 12

enter <--------> 13

shift <--------> 16

control <--------> 17

alt <--------> 18

caps lock <--------> 20

esc <--------> 27

空格鍵 <--------> 32

page up <--------> 33

page down <--------> 34

end <--------> 35

home <--------> 36

左箭頭 <--------> 37

向上箭頭 <--------> 38

右箭頭 <--------> 39

向下箭頭 <--------> 40

insert <--------> 45

delete <--------> 46

help <--------> 47

num lock <--------> 144

; : <--------> 186

= + <--------> 187

- _ <--------> 189

/ ? <--------> 191

` ~ <--------> 192

[ <--------> 221

'' ' <--------> 222

咳咳,知道了鍵盤編碼差不多了就:

例如寫一段簡單的jq**

$(document).ready(function

() })

})

其實最主要的應用有哪些呢?

1.登入框上按enter直接相當於點選登入

2.網頁特殊操作識別:方向鍵,數字鍵等等

先寫這麼多,學完接著寫

jquery鍵盤事件

基本鍵盤事件 1 keydown keydown事件會在鍵盤按下時觸發.2 keyup keyup事件會在按鍵釋放時觸發,也就是你按下鍵盤起來後的事件 3 keypress keypress事件會在敲擊按鍵時觸發,我們可以理解為按下並抬起同乙個按鍵 二 獲得鍵盤上對應的ascii碼 document...

jquery鍵盤事件

jquery處理鍵盤事件有三個函式,根據事件發生的順序分別是 keydown keyup keypress keydown keydown事件會在鍵盤按下時觸發,可以在繫結的函式中歐能夠返回false來防止觸發瀏覽器的預設事件.keyup keyup事件會在按鍵釋放時觸發,也就是你按下鍵盤起來後的事...

jQuery 鍵盤事件

keydown 鍵盤按下乙個鍵 只發生在具有焦點的元素上,適合於表單元素 keypress,在敲擊鍵盤時候觸發 可以理解為按下並抬起同乙個鍵 keyup,按鍵件釋放的時候被觸發 按下並抬起同乙個鍵 常用的鍵盤按鍵對應 backspa 8 tab 9 clear 12 enter 13 shift 1...